Карточка Junior Блочная модель обновлено

Схлопывание margin

Вопрос

Что такое схлопывание margin?

Попробуйте сами

Ответьте про себя или вслух, потом откройте ответ и сверьтесь.

Показать ответ и разбор

Коротко

Вертикальные margin соседних блоков в обычном потоке (или родителя и первого/последнего ребёнка) объединяются в один, равный большему из них. Не схлопываются горизонтальные margin, margin flex- и grid-элементов, float и абсолютно позиционированных элементов.

Ответ

Вертикальные margin соседних блоков в обычном потоке (или родителя и первого/последнего ребёнка) объединяются в один, равный большему из них. Не схлопываются горизонтальные margin, margin flex- и grid-элементов, float и абсолютно позиционированных элементов.

Разбор

Вертикальные margin соседних блоков в обычном потоке (или родителя и первого/последнего ребёнка) объединяются в один, равный большему из них. Не схлопываются горизонтальные margin, margin flex- и grid-элементов, float и абсолютно позиционированных элементов.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.

Термины по теме