Что такое position в CSS

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

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

Пример:

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