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

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

qq_快乐小子_3

2016-07-12

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

关注问题我要回答

1284

操作

收起

5 回答

慕粉18602724285 回答被采纳 +3 积分
2016-07-12

margin是盒子间的距离,设置BOX1之后,就代表了二者距离30PX,这时再设置BOX2的距离为30PX就不显示,,可以这样理解,你把A放在B的右下边30cm,那B是不是间接的已经满足在A上边30cm了?说的复杂了,大概就是酱紫的

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

收起回答

qq_快乐小子_3 提问者

非常感谢！

2016-07-12 回复有任何疑惑可以回复我~

qq_小安安_03642058
2016-07-12

box1底部距离box2顶部30

box2顶部距离box1底部30

两者是同一个意思

所以间距只是30 不会增加

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

收起回答

慕水融融
2016-07-12

我发现两个box共享了他们之间那一部分margin，你如果把box2的margin-top改成40px，就会发现间距增加了10.但是#box1{margin-bottom:30px};和#box2{margin-top:30px};效果是一样的。

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

收起回答

晨哥是梅西
2016-07-12

两个盒子所移动的相当于抵消了

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

收起回答

leia1
2016-07-12

#box1{margin-bottom:30px};指的是box2在box1下30px

#box2{margin-top:30px};指的是box1在box2上30px同样的意思换了个说法而已

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

收起回答

0/150

提交

取消

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

参与学习 1222195 人
解答问题 18206 个

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

进入课程

本课相似问答

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

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

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

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

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

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

5 回答

本课相似问答

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