Что такое margin collapse?
- Схлопывание вертикальных margin между блочными элементами
- Два margin по 20px дадут 20px, не 40px (берётся максимальный)
- Происходит: между siblings, между parent и first/last child (если нет border/padding/BFC)
- НЕ происходит: для flex/grid items, float, absolute/fixed, inline-block, элементов с overflow ≠ visible
- Негативные margin: если один -10px, другой 20px → итого 10px (сумма)