Выбор ответа Middle Блочная модель обновлено
Схлопываются ли margin во flex
Вопрос
Контейнер display: flex; flex-direction: column. У первого ребёнка margin-bottom: 20px, у второго margin-top: 20px. Какое расстояние между ними?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: 40px. Margin flex-элементов не схлопываются, поэтому 20 + 20 = 40px.
Варианты ответа
- 20px
- 0px
- 10px
- 40pxправильный ответ
Разбор
Margin flex-элементов не схлопываются, поэтому 20 + 20 = 40px. Схлопывание бывает только у блоков в обычном потоке. 0px и 10px не соответствуют никакому правилу.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.