欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 

假如有一个空元素,它有外边距,然而不有边框或加添。在这类情况下,上外边距与下外边距就遇到了一块儿,它们会发生分隔:

CSS 外边距合并实例 3

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

CSS 外边距合并实例 4

这就是一系列的段落元素占用空间尤其小的缘由,由于它们的全体外边距都兼并到一块儿,组成为了一个小的外边距。

外边距合并初看下去或者有点独特,然而实践上,它是居心义的。以由几个段落组成的范例文本页面为例。第一个段落下面的空间等于段落的上外边距。如果没有外边距合并,后续一切段落之间的外边距都将是相邻上外边距和下外边距的和。这意味着段落之间的空间是页面顶部的两倍。如果孕育发生外边距分开,段落之间的上外边距与下外边距就合并在一块儿,多么随处的间隔就分歧了。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c52224.shtml