Карточка Middle Позиционирование и z-index обновлено
Containing block
Вопрос
Что такое containing block для absolute и fixed?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
Прямоугольник, от которого считаются координаты и проценты размеров. Для absolute это padding-box ближайшего предка с position не static, для fixed это viewport.
Ответ
Прямоугольник, от которого считаются координаты и проценты размеров. Для absolute это padding-box ближайшего предка с position не static, для fixed это viewport. Но предок с transform, filter, perspective или contain: paint становится containing block для обоих.
Разбор
Последнее правило объясняет «съехавшие» модалки внутри анимированных блоков.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.