Какое знаешь позиционирование

В 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;
  bottom: 0;
  left: 0;
}