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