Как работает автоматическое свертывание margin и padding в CSS?

Возможно, имелось в виду схлопывание внешних отступов (margin) в блочной модели CSS. habr.com

Суть процесса: когда внешние вертикальные отступы двух или более блочных элементов соприкасаются, то остаётся отступ, значение которого равняется значению большего из них, при этом значение отступа элемента с меньшей границей равно нулю. habr.com

Некоторые особенности процесса:

• Схлопывание применимо только к вертикальным отступам элемента, то есть к margin-top и margin-bottom. habr.com
• Если одна из величин имеет минусовое значение, то финальное значение схлопнувшегося отступа формируется путём суммирования исходных значений блочных элементов. habr.com
• Если обе величины отрицательные, то используется большее отрицательное значение (меньшее с арифметической точки зрения). habr.com

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

Свойство padding, в отличие от margin, создаёт пространство внутри блока, а не снаружи. hcdev.ru

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