position

position: static | relative | absolute | fixed | sticky

📝 Описание

Определяет метод позиционирования элемента. Используется вместе со свойствами top, right, bottom, left.

Значение по умолчанию: static

🎯 Возможные значения

  • static — обычное положение в потоке
  • relative — смещение относительно обычного положения
  • absolute — позиционирование относительно ближайшего позиционированного предка
  • fixed — фиксированное положение относительно viewport
  • sticky — гибрид relative и fixed
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

🌐 Поддержка браузеров

Все современные браузеры, sticky — с префиксами