外边距合并_html/css_WEB-ITnose

前提 　

　　只有在普通文档流中垂直相邻外边距会合并。

　　行内框，浮动框或者绝对定位之间的外边距不会合并。

1.相邻元素有多个外边距

1  2      line 1 3      line 2 4  5 
This is h3 line.
 

1 ul{margin-bottom:15px;}2 li{margin-top:10px;margin-bottom:20px;}3 h3{margin-top:28px;} 

ul下边距为15px，li下边距为20px，h3上边距为28px，外边距合并会取最大值而非相加，由此line 2与h3间距为28px。

注：如果给ul加一个边框，li下边距将被放在ul内部，此时只会发生ul与h3之间的合并。

　　如果ul,h3外边距都为负值，则取绝对值最大的负外边距与最大的正外边距相加，得到间距。

2.块元素内部包含块元素（父元素没有设置内边距或者边框）

1 
2     


      
查看更多关于外边距合并_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did106941