Верстка · Senior · Запитання 27 з 75
Які умови потрібні, щоб вертикальні margin батька й першої дитини схлопнулися?
- 1Лише якщо в батька задано
display: flexабоgrid - 2Лише якщо обидва margin від'ємні або дорівнюють нулю
- ✓Правильна відповідь: Якщо їх не розділяють
border,padding, текст, і немає BFC
Пояснення
margin-top першої дитини «провалюється» назовні батька, якщо їх ніщо не розділяє. Схлопування скасовують padding чи border у батька, display: flow-root, а також flex/grid-контейнер - усередині них margin узагалі не схлопуються. За від'ємних значень результат - сума найбільшого додатного й найменшого від'ємного.