码迷,mamicode.com
首页 > Web开发 > 详细

CSS外边距的合并

时间:2017-08-20 18:41:43      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:strong   images   开发   另一个   .com   flow   http   也会   img   

  外边距合并:当两个垂直外边距相遇时,它们将形成一个外边距。

  合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

  

  1.当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并。合并时外边距取其中的最大值。

  2.当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上/或下外边距也会发生合并。

      技术分享

    #如果想第一个元素的下外边距与第二个元素的上外边距不发生合并,除了设边框还可以给父级一个overflow:hidden属性

 

  3.若有一个空元素,它有外边距,但是没有边框或填充。在这种情况下,上外边距与下外边距就碰到了一起,它们会发生合并:

     技术分享

  如果这个外边距遇到了另一个元素的垂直外边距,他们也会合并:

     技术分享

 

 

 

    ###参考CSS3开发手册

CSS外边距的合并

标签:strong   images   开发   另一个   .com   flow   http   也会   img   

原文地址:http://www.cnblogs.com/lp907668044/p/7400349.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!