В чем разница между CSS-свойствами position: absolute, position: fixed и position: relative

`position: relative` смещает элемент относительно его исходного положения, но сохраняет место в потоке документа. `position: absolute` вырывает элемент из потока, позиционируя относительно ближайшего позиционированного родителя (с position ≠ static) или документа. `position: fixed` фиксирует элемент относительно viewport (окна браузера), игнорируя прокрутку. **Пример:** ```html ``` ```css .parent { position: relative; } .child-relative { position: relative; top: 20px; } .child-absolute { position: absolute; top: 0; } .child-fixed { position: fixed; bottom: 0; } ``` - `relative` сдвинется на 20px вниз, но сохранит исходное пространство. - `absolute` прилипнет к верху `.parent`. - `fixed` останется внизу экрана при прокрутке.