Какие знаешь значения свойства Position

position определяет метод позиционирования элемента. Основные значения:

1. static (по умолчанию) — элемент располагается в нормальном потоке документа.
2. relative — элемент смещается относительно своего обычного положения, но место под него сохраняется.
3. absolute — элемент вырывается из потока и позиционируется относительно ближайшего позиционированного родителя (relative, absolute, fixed).
4. fixed — элемент фиксируется относительно viewport (не зависит от прокрутки).
5. sticky — гибрид relative и fixed. Элемент ведёт себя как relative, пока не достигнет заданного смещения, затем "прилипает".

Пример:

.box {
  position: sticky;
  top: 20px; /* начнёт прилипать после 20px от верха */
}