                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

为什么我设置了#box1{margin-bottom:30px;} #box2{margin-top:30px;}两个，但结果跟一个设置一样，中间不加倍空？

山窗幽梦

2015-10-31

源自：初识HTML(5)+CSS(3)-升级版 12-12

关注问题我要回答

832

操作

收起

1 回答

pardon110
2015-11-03

关键：CSS垂直外边距合并规则详情参阅地址

外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

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

收起回答

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225771 人
解答问题 18234 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

6 回答为什么写#box1{margin-bottom:30px;} 可以实现两个div而不写#box1{margin-bottom:30px;}#box2{margin-bottom:30px;}

5 回答为什么在#box1{margin-bottom:30px};下加一行#box2{margin-top:30px};不会再增加间距

5 回答为什么当box2的margin-top也设置成30px的时候，box1和box2的边框间距和不设置box2的margin-top时一样呢？

5 回答#box1{margin-bottom:30px;}

8 回答#box1{margin-bottom:30px;}

搜索更多本课相关问答

为什么我设置了#box1{margin-bottom:30px;} #box2{margin-top:30px;}两个，但结果跟一个设置一样，中间不加倍空？

我要回答关注问题

热搜

最近搜索清空

为什么我设置了#box1{margin-bottom:30px;} #box2{margin-top:30px;}两个，但结果跟一个设置一样，中间不加倍空？

1 回答

本课相似问答

为什么我设置了#box1{margin-bottom:30px;} #box2{margin-top:30px;}两个，但结果跟一个设置一样，中间不加倍空？