两个块元素之间的边界重复定义是没有意义的,是这样吗?比如上边box的下边界和下边box的上边界,比如设置
#box1{margin-bottom:30px;}
#box2{margin-bottom:50px;}
但是我如果设置的上边的间距大,下边的间距小,又会是 取最大值
#box1{margin-bottom:30px;}
#box2{margin-top:5px;}
这个是怎么解释?
两个块元素之间的边界重复定义是没有意义的,是这样吗?比如上边box的下边界和下边box的上边界,比如设置
#box1{margin-bottom:30px;}
#box2{margin-bottom:50px;}
但是我如果设置的上边的间距大,下边的间距小,又会是 取最大值
#box1{margin-bottom:30px;}
#box2{margin-top:5px;}
这个是怎么解释?
2014-10-13
是的,当一个元素出现在另一个元素上面时,第一个元素的底边界与第二个元素的顶边界发生叠加。解决方法有很多种,给你发一个参考文献:http://www.zhangxinxu.com/study/200908/margin-overlap.html
其实我在实际开发中最常用到的解决方法就是尽量不在同重直两个元素的同一方法设置两个边界,比如你想在第一个元素设置下边界为30px,而第二个元素上边界设置20px,你就可以这么做:
只设置第一个元素的下边界为50px,
或者:
只设置第二个元素的上边界为50px。
举报