Выбор ответа Middle Блочная модель обновлено
Схлопывание с отрицательным margin
Вопрос
Блоки идут друг за другом в обычном потоке. Какое расстояние между ними?
.a { margin-bottom: 30px; }
.b { margin-top: -10px; }
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: 20px. Когда схлопываются положительный и отрицательный margin, они складываются: 30 + (−10) = 20px.
Варианты ответа
- 30px
- -10px
- 40px
- 20pxправильный ответ
Разбор
Когда схлопываются положительный и отрицательный margin, они складываются: 30 + (−10) = 20px. Правило «берётся больший» работает для двух положительных значений. 40px получилось бы при вычитании со сменой знака, а −10px означало бы, что положительный margin просто проигнорирован.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.