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

关于盒子模型margin的问题

在#div1{margin:30px}和#div2{margin:30px}中为什么两个盒子的上下高度相差不是60px而是30px

慕桂英7937985

2018-05-29

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

关注问题我要回答

1370

操作

收起

2 回答

慕运维0036432
2018-05-29

应该是默认吧，两个盒子值都设置30px间距，所以应该是间距重叠了，只计算两个盒子之间的距离，中间如果加一个水平线，那么就是都以水平线为中心来各自管自己外边距，但是如果单纯是两个盒子，不管设置一个盒子还是两个盒子，系统会只算两个盒子之间的距离，第一个盒子到第二个盒子你可以试一下，在任意一个盒子上设置更大的值，比如40px,只是在原基础的上面+了10px，个人是这么觉得，大神可以继续指点。