Какие знаешь свойства position в CSS

`position` определяет метод позиционирования элемента. Основные значения: 1. **static** (по умолчанию) — элемент следует нормальному потоку документа. `top`, `right`, `bottom`, `left` и `z-index` не применяются. 2. **relative** — элемент позиционируется относительно своего обычного положения. Можно использовать `top`, `right` и др. для смещения, но место в потоке сохраняется. 3. **absolute** — элемент вырывается из потока и позиционируется относительно ближайшего позиционированного предка (не `static`). Если такого нет — относительно ``. 4. **fixed** — аналогично `absolute`, но относительно viewport (не скроллится). 5. **sticky** — гибрид `relative` и `fixed`. Пока viewport не достигнет заданного смещения (`top`, `left` и т.д.), ведёт себя как `relative`, затем «прилипает». Пример: ```css .box { position: sticky; top: 20px; /* прилипнет после прокрутки */ } ```