框模型:CSS 外边距合并
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。
合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
外边距合并
外边距合并(叠加)是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。
简单地说,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
Kama elementi moja inaonekana kwenye elementi nyingine juu, margini ya chini ya elementi kwanza na margini ya juu ya elementi kani inaendelea kusambaa. Tazama picha hii:

Kama elementi moja inafikia elementi nyingine (ingawa hau na paddingi ya ndani ama borderi inayofungua margini yao), margini yao ya juu na au kwa kawaida ya chini inaendelea kusambaa. Tazama picha hii:

Ingawa inatokana kama kina kina, margini inaweza kuwa na ujumbe kwa kina yake huo.
Tukio ni kumekan kina elementi kio hau, na ana na margini, lakini hau ana na borderi ama paddingi. Kwenye hali hii, margini ya juu na margini ya chini inayopita kwa kipindi, inayofanyika kusambaa:

如果这个外边距遇到另一个元素的外边距,它还会发生合并:

这就是一系列的段落元素占用空间非常小的原因,因为它们的所有外边距都合并到一起,形成了一个小的外边距。
外边距合并初看上去可能有点奇怪,但是实际上,它是有意义的。以由几个段落组成的典型文本页面为例。第一个段落上面的空间等于段落的上外边距。如果没有外边距合并,后续所有段落之间的外边距都将是相邻上外边距和下外边距的和。这意味着段落之间的空间是页面顶部的两倍。如果发生外边距合并,段落之间的上外边距和下外边距就合并在一起,这样各处的距离就一致了。

Mafano:Hatawi kwamba mawingu ya kuzingatia ya kifungu kina kwa kuelewa kwa kuzingatia mawingu ya kuzingatia ya kina kwa mawingu ya kuzingatia ya kina au mawingu ya kuingia kwa uangalifu hauzingatia.