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

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

• static (по умолчанию) — элемент следует обычному потоку документа.
• relative — элемент позиционируется относительно своего обычного положения (можно смещать с top, right и др.).
• absolute — элемент вырывается из потока и позиционируется относительно ближайшего позиционированного предка (не static).
• fixed — элемент фиксируется относительно viewport (не зависит от прокрутки).
• sticky — гибрид relative и fixed; становится фиксированным при достижении определённого порога прокрутки.

Пример:

.box {
  position: sticky;
  top: 10px; /* "прилипает" после прокрутки до 10px от верха */
}