Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/CSS/position-types

Разница между `static`, `relative`, `absolute`, `fixed`, `sticky`?

СобеседованиеПозиционирование
  • static — по умолчанию, элемент в нормальном потоке, top/left/z-index игнорируются
  • relative — в потоке, но смещён относительно своей нормальной позиции, создаёт containing block
  • absolute — вырван из потока, позиционируется относительно ближайшего позиционированного предка
  • fixed — вырван из потока, относительно viewport (или предка с transform/filter/will-change)
  • sticky — в потоке до порога, затем "прилипает" при скролле
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov