В каком случае схлопывание внешних отступов не сработает

Схлопывание margin не работает в следующих случаях:

1. Для элементов с display: flex или display: grid (включая их дочерние элементы)
2. Если между элементами есть граница (border) или отступ (padding)
3. Для элементов с position: absolute или fixed
4. Для плавающих элементов (float)
5. Если у элемента установлен overflow со значением, отличным от visible

Пример с flex-контейнером:

.container {
  display: flex; /* margin collapse не работает */
}
.child {
  margin: 20px; /* отступы не схлопнутся */
}