为了账号安全,请及时绑定邮箱和手机立即绑定

两个块元素之间的边界重复定义是没有意义的,是这样吗?比如上边box的下边界和下边box的上边界,比如设置

#box1{margin-bottom:30px;}

#box2{margin-bottom:50px;}

但是我如果设置的上边的间距大,下边的间距小,又会是    取最大值

#box1{margin-bottom:30px;}

#box2{margin-top:5px;}


这个是怎么解释?

正在回答

1 回答

是的,当一个元素出现在另一个元素上面时,第一个元素的底边界与第二个元素的顶边界发生叠加。解决方法有很多种,给你发一个参考文献:http://www.zhangxinxu.com/study/200908/margin-overlap.html

其实我在实际开发中最常用到的解决方法就是尽量不在同重直两个元素的同一方法设置两个边界,比如你想在第一个元素设置下边界为30px,而第二个元素上边界设置20px,你就可以这么做:

只设置第一个元素的下边界为50px,

或者:

只设置第二个元素的上边界为50px。

2 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号