Переклад не виконано. Будь ласка, допоможіть перевести цю статтю з англійської.
Властивості блоків margin-top і margin-bottom іноді комбінуються (схлопиваются) в єдиний відступ, розмір якого дорівнює найбільшому з комбінованих відступів. Це поведінка відома, як схлопування зовнішніх відступів.
Схлопування зовнішніх відступів відбувається в трьох випадках:
Сусідні елементи (siblings) Зовнішні відступи сусідніх елементів схлопиваются (за виключення випадку, коли останнього елемента застосовано властивість clear). Наприклад: Батьківський і перший / останній дочірні елементи Якщо отстутствуют кордону, внутрішні відступи, рядкове вміст або не використовується властивість clear відділення margin-top блоку від margin-top блоку, що є його першим дочірніх елементом або отстутствуют кордону, внутрішні відступи, рядкове вміст, height . min-height або max-height для відділення margin-bottom блоку від margin-bottom від його последніго дочірнього елемента, то зовнішні відступи схлопиваются. Схлопнуться відступи закінчуються за межами батьківського елемента. Порожні блоки Якщо отстутствуют кордону, внутрішні відступи, рядкове вміст, height або min-height для відділення margin-top цього блоку від його margin-bottom. то верхні і нижні зовнішні відступи цього блоку схлопиваются.
Більш складне схлопування відступів (більш, ніж двох) відбувається, коли описані випадки поєднуються.
Ці правила застосовуються навіть до відступами, рівним 0, тому відступ першого / останнього дочірнього елемента закінчується за межами його батька (згідно з правилом вище) незалежно від того, чи рівний відступ батька нулю.
При використанні негативних відступів, розмір схлопнуться відступу обчислюється, як сума найбільшого позитивного і найменшого негативного (найбільшого за модулем) відступу.
Зовнішні відступи плаваючих і абсолютно позиціонуються ніколи не схлопиваются.