Когда Margin Collapse не будет работать

Margin Collapse не срабатывает в следующих случаях:

1. Flexbox или Grid контейнеры
   Элементы внутри display: flex или display: grid не схлопывают margin.

2. Позиционирование
   Элементы с position: absolute, position: fixed или position: sticky.

3. Плавающие элементы
   Элементы с float: left/right.

4. Overflow
   Родитель с overflow: hidden/auto/scroll (кроме visible).

5. Padding/Border
   Если между элементами есть padding или border.

Пример:

.parent {
  overflow: hidden; /* margin collapse не сработает */
}
.child {
  margin: 20px;
}