【margin】外边距合并问题总结

1.只有普通文档流中块级元素垂直外边距才会发生合并,也就是说行内元素不会发生外边距合并,且合并是发生在垂直方向,水平方向不会发生外边距合并

2.浮动元素和绝对定位元素也不会发生外边距合并

发生合并的两种情形:

(1)当一个元素出现在另一个元素上面,则第一个元素的下边距和第二个元素 的上边距会发生合并(合并值取两者最大值)

 

(2)当一个元素包含在另一个元素中时且两者间无内边距padding或者外边框border分隔开时

(3)当一个空元素设置外边距,但没有设置边框或填充,上下边距碰到了一起,则会发生合并,即发生自身合并

 

posted @ 2017-08-11 16:31  Mary哎呀小龙  阅读(389)  评论(0)    收藏  举报