Что такое position

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

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

Пример:

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