Встречается на собеседованиях • сегодня

Какие знаешь способы позиционирования Div

В CSS есть несколько способов позиционирования элементов:

  1. Static - дефолтное позиционирование, элемент следует нормальному потоку документа.
css
div { position: static; }
  1. Relative - позиционируется относительно своего обычного положения.
css
div { 
  position: relative;
  top: 10px;
  left: 20px;
}
  1. Absolute - позиционируется относительно ближайшего позиционированного родителя.
css
div { 
  position: absolute;
  top: 0;
  right: 0;
}
  1. Fixed - фиксируется относительно viewport.
css
div { 
  position: fixed;
  bottom: 0;
  left: 0;
}
  1. Sticky - гибрид relative и fixed, становится фиксированным при прокрутке.
css
div { 
  position: sticky;
  top: 0;
}

Также есть Flexbox и Grid для сложных раскладок. Выбор зависит от конкретной задачи.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы