Коротко: Специфічна поведінка в CSS, коли вертикальні зовнішні відступи (margin-top та margin-bottom) сусідніх блоків об’єднуються в один спільний відступ, рівний більшому з них.
Що таке CSS Margin Collapse (Схлопування відступів)?
Часто дивує початківців, коли сума відступів 20px + 30px дає не 50px, а всього 30px.
Ключові особливості та переваги
- Природне вирівнювання абзаців тексту у статтях без подвоєння проміжків
- Не відбувається для flexbox, grid або абсолютно спозиціонованих елементів
- Усувається додаванням невеликого padding або border
Сфери застосування та практичне значення
Верстка текстових блоків, статей та списків у веб-дизайні.