Junior
38
questionbank

Какие CSS-раскладки вы знаете?

Получайте ответы на вопросы в реальном времени с Sobes Copilot→
Ответ от нейросети sobes.tech
  • Flexbox (гибкий контейнер) — позволяет выравнивать элементы в одном направлении (строка или столбец).
  • Grid (сеточная раскладка) — дает двумерную систему для расположения элементов по строкам и столбцам.
  • Float (плавающие элементы) — позволяет обтекать элемент другим содержимым. Устаревший метод для создания раскладок.
  • Inline-block — элементы отображаются как строчные, но обладают свойствами блочных (можно задавать ширину и высоту).
  • Position (позиционирование) — управляет размещением элемента относительно его исходного положения или другого элемента.
Тип PositionОписание
staticПоложение по умолчанию, элемент следует обычному потоку документа.
relativeЭлемент позиционируется относительно своего обычного положения.
absoluteЭлемент позиционируется относительно ближайшего позиционированного предка.
fixedЭлемент позиционируется относительно окна просмотра (viewport) и остается на месте при прокрутке.
stickyЭлемент ведет себя как relative до тех пор, пока не достигнет определенного смещения, после чего становится fixed.
css
css