Containing block для absolute и fixed: что это
Коротко
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 для обоих.
Подробнее
Последнее правило объясняет «съехавшие» модалки внутри анимированных блоков.
Из урока «Позиционирование и z-index за 7 минут»
Ловушка: containing block для absolute и fixed создаёт и предок с transform, filter, perspective, contain: paint или will-change: transform.
Читать урок целикомВопросы по теме с собеседований
Запомните, а не прочитайте
В тренажёре карточка вернётся, когда начнёт забываться. А билеты по HTML и CSS проверят, что термин понятен в деле.