為什么在#box1{margin-bottom:30px};下加一行#box2{margin-top:30px};不會再增加間距
為什么在#box1{margin-bottom:30px};下加一行#box2{margin-top:30px};不會再增加間距
qq_快樂小子_3
2016-07-12
5 回答
舉報
0/150
提交
取消
2016-07-12
margin是盒子間的距離,設置BOX1之后,就代表了二者距離30PX,這時再設置BOX2的距離為30PX就不顯示,,可以這樣理解,你把A放在B的右下邊30cm,那B是不是間接的已經滿足在A上邊30cm了?說的復雜了,大概就是醬紫的
2016-07-12
box1底部距離box2頂部30
box2頂部距離box1底部30 ??
兩者是同一個意思
所以間距只是30 ? 不會增加
2016-07-12
我發現兩個box共享了他們之間那一部分margin，你如果把box2的margin-top改成40px，就會發現間距增加了10.但是#box1{margin-bottom:30px};和#box2{margin-top:30px};效果是一樣的。
2016-07-12
兩個盒子所移動的相當于抵消了
2016-07-12
#box1{margin-bottom:30px};指的是box2在box1下30px
#box2{margin-top:30px};指的是box1在box2上30px同樣的意思換了個說法而已