Какие значения имеет свойство position

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

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

Пример:

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