Перейти к:

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Свойства блоков 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, поэтому отступ первого/последниего дочернего элемента заканчивается за пределами его родителя (согласно правилу выше) независимо от того, равен ли отступ родителя нулю.

При использовании отрицательных отступов, размер схлопнутого отступа вычисляется, как сумма наибольшего положительного и наименьшего отрицательного (наибольшего по модулю) отступа.

Внешние отступы плавающих и  абсолютно позиционируемых элементов никогда не схлопываются.

Specifications

Specification Status Comment
CSS Level 2 (Revision 1)
Определение 'margin collapsing' в этой спецификации.
Рекомендация Initial definition

See also

Метки документа и участники

Внесли вклад в эту страницу: Tuman, antipenko, Luboshenko, andrew-bishop, stakeout, RomanAkhma, hinduCoder
Обновлялась последний раз: Tuman,