В чем разница между absolute и relative

`position: absolute` вырывает элемент из нормального потока документа и позиционирует его относительно ближайшего позиционированного родителя (с `position: relative/absolute/fixed`). Если такого нет - относительно ``. `position: relative` оставляет элемент в потоке, но позволяет смещать его относительно исходного положения с помощью `top/right/bottom/left`. Пример: ```css .parent { position: relative; width: 300px; height: 200px; } .child-absolute { position: absolute; top: 20px; left: 30px; } .child-relative { position: relative; top: 10px; left: 15px; } ``` Ключевые отличия: 1. `absolute` вырывает из потока, `relative` сохраняет место 2. `absolute` позиционируется относительно родителя, `relative` - относительно себя 3. `absolute` не влияет на другие элементы, `relative` может перекрывать соседей