Почему происходит схлопывание отступов в веб-дизайне?

Схлопывание отступов в веб-дизайне происходит, когда вертикальные отступы двух блочных элементов соприкасаются. htmlacademy.ru В этом случае они не складываются, а накладываются друг на друга, образуя общее пространство, равное большему из отступов. htmlacademy.ru

Схлопывание предназначено для корректного отображения текста, в частности абзацев. htmlbook.ru webref.ru Например, если не применять схлопывание, то расстояние между абзацами увеличится в два раза, а верхний отступ первого абзаца и нижний отступ последнего останутся неизменными. htmlbook.ru webref.ru Схлопывание гарантирует, что расстояние в абзацах будет везде одинаковым. htmlbook.ru webref.ru

Схлопывание работает только для блоков, у которых не заданы поля и границы. htmlbook.ru Для отступов слева и справа схлопывание никогда не применяется. htmlbook.ru