В чем разница между position static, absolute, sticky, relative

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