Какие знаешь типы позиционирования в CSS

В CSS есть несколько типов позиционирования:

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

Пример:

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

Важно: для absolute/fixed/sticky нужно указывать смещения (top/right и т.д.), иначе поведение может быть неожиданным.