作者:散場偂爱的擁菢_257 | 来源:互联网 | 2022-11-24 10:13
css外边距合并是指当两个垂直外边距相遇时,它们将形成一个外边距,并且合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者;但是只有普通文档流中块框的垂直外边距才会发生外边距合并,而行内框、浮动框或绝对定位之间的外边距不会合并。
css外边距合并是指当两个垂直外边距相遇时,它们将形成一个外边距,并且合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者;但是只有普通文档流中块框的垂直外边距才会发生外边距合并,而行内框、浮动框或绝对定位之间的外边距不会合并。
外边距合并初看上去可能有点奇怪,但是实际上,它是有意义的。以由几个段落组成的典型文本页面为例。第一个段落上面的空间等于段落的上外边距。如果没有外边距合并,后续所有段落之间的外边距都将是相邻上外边距和下外边距的和。这意味着段落之间的空间是页面顶部的两倍。如果发生外边距合并,段落之间的上外边距和下外边距就合并在一起,这样各处的距离就一致了。
注释:只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。
以上就是css 外边距合并是什么意思的详细内容,更多请关注其它相关文章!