Выбор ответа Junior Позиционирование и z-index спрашивают часто обновлено
Относительно чего позиционируется absolute
Вопрос
Относительно чего считаются top и left у элемента с position: absolute?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Относительно ближайшего предка с position, отличным от static. Точка отсчёта для absolute это containing block: padding-box ближайшего позиционированного предка (а также предка с transform, filter и т.п.).
Варианты ответа
- Относительно непосредственного родителя, всегда и в любом случае
- Относительно ближайшего предка с
position, отличным отstaticправильный ответ - Относительно области просмотра, как у элемента с
position: fixed - Относительно своей обычной позиции в потоке, как у
relative
Разбор
Точка отсчёта для absolute это containing block: padding-box ближайшего позиционированного предка (а также предка с transform, filter и т.п.). Непосредственный родитель годится, только если он сам позиционирован. Отсчёт от viewport у fixed. От своей обычной позиции сдвигается relative.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.