Как работает Position: Absolute внутри Position: Absolute

Элемент с `position: absolute` позиционируется относительно ближайшего родителя с `position: relative`, `absolute`, `fixed` или `sticky`. Если родитель тоже `absolute`, то он становится контейнером для позиционирования дочернего элемента. Пример: ```html ``` ```css .parent { position: absolute; top: 50px; left: 50px; width: 200px; height: 200px; background: lightblue; } .child { position: absolute; top: 20px; left: 20px; width: 100px; height: 100px; background: coral; } ``` Здесь `.child` позиционируется относительно `.parent`, а не viewport. Если у `.parent` не задано позиционирование, `.child` будет позиционироваться относительно body.