                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

關(guān)于盒子模型margin的問題

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

慕桂英7937985

2018-05-29

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

關(guān)注問題我要回答

1453

操作

收起

2 回答

慕運維0036432
2018-05-29

應(yīng)該是默認吧，兩個盒子值都設(shè)置30px間距，所以應(yīng)該是間距重疊了，只計算兩個盒子之間的距離，中間如果加一個水平線，那么就是都以水平線為中心來各自管自己外邊距，但是如果單純是兩個盒子，不管設(shè)置一個盒子還是兩個盒子，系統(tǒng)會只算兩個盒子之間的距離，第一個盒子到第二個盒子你可以試一下，在任意一個盒子上設(shè)置更大的值，比如40px,只是在原基礎(chǔ)的上面+了10px，個人是這么覺得，大神可以繼續(xù)指點。