码迷,mamicode.com
首页 > 其他好文 > 详细

外边距重叠

时间:2016-04-13 18:39:25      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:

外边距重叠是指,若两个元素上下毗邻且都定义了不为0的外边距值,同时又没有任何内边距、边框等设定,那么这两个元素之间的距离将小于二者外边距的和。因此,两个都带有20px外边距的元素垂直相接并不会显示出40px的缝隙——两个外边距会重叠在一起,最终元素之间的距离只有20px。

另外,重叠效果将同时作用于父元素和子元素之上。如果其子元素有处置外边距,则其会与下一个元素有间隙。

解决方法是在为其添加1px的垂直内边距

外边距重叠

标签:

原文地址:http://www.cnblogs.com/hyql/p/5387846.html

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