Что такое схлопывание margin

Схлопывание margin — это поведение CSS, когда вертикальные отступы (margin-top и margin-bottom) соседних элементов объединяются в один, равный большему из них. **Пример:** ```html ``` Фактический отступ между блоками будет **30px**, а не 50px (20px + 30px). **Когда не схлопывается:** - У элементов есть `padding`, `border` или `overflow: hidden`. - Элементы расположены горизонтально (`margin-left`/`margin-right`). - Используется Flexbox или Grid. **Исключение:** Родитель и первый/последний дочерний элемент также могут схлопываться, если у родителя нет `border`, `padding` или других препятствий.