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

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

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

Пример:

.box {
  position: relative;
  top: 20px;
  left: 30px;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
}

.header {
  position: sticky;
  top: 0;
}