Относительно чего позиционируется элемент с Position: Absolute

Элемент с `position: absolute` позиционируется относительно ближайшего предка с `position: relative`, `absolute`, `fixed` или `sticky`. Если такого предка нет — относительно `` (viewport). ```html ``` ```css .relative-parent { position: relative; /* теперь absolute-child будет позиционироваться относительно этого блока */ width: 300px; height: 200px; background: #eee; } .absolute-child { position: absolute; top: 20px; left: 30px; width: 100px; height: 50px; background: #f00; } ``` Важно: `absolute` вырывает элемент из потока, остальные элементы ведут себя так, будто его нет.