Выбор ответа Junior Блочная модель спрашивают часто обновлено
Схлопывание вертикальных margin
Вопрос
Два блока идут друг за другом в обычном потоке. Какое расстояние будет между ними?
.a { margin-bottom: 30px; }
.b { margin-top: 20px; }
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: 30px. Вертикальные margin соседних блоков в обычном потоке схлопываются: берётся больший из двух, 30px.
Варианты ответа
- 50px
- 30pxправильный ответ
- 20px
- 25px
Разбор
Вертикальные margin соседних блоков в обычном потоке схлопываются: берётся больший из двух, 30px. Сложение до 50px происходит у горизонтальных margin или у flex- и grid-элементов. Меньший и среднее значение браузер не берёт.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.