Какие знаешь способы позиционирования элемента

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

1. Static (по умолчанию) – элемент следует нормальному потоку документа.
2. Relative – позиционируется относительно своего обычного положения с помощью top, right, bottom, left.
3. Absolute – вырывается из потока, позиционируется относительно ближайшего позиционированного родителя (не static).
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;
}