課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
在#div1{margin:30px}和#div2{margin:30px}中為什么兩個(gè)盒子的上下高度相差不是60px而是30px
2018-05-29
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 12-13
正在回答
應(yīng)該是默認(rèn)吧,兩個(gè)盒子值都設(shè)置30px間距,所以應(yīng)該是間距重疊了,只計(jì)算兩個(gè)盒子之間的距離,中間如果加一個(gè)水平線,那么就是都以水平線為中心來(lái)各自管自己外邊距,但是如果單純是兩個(gè)盒子,不管設(shè)置一個(gè)盒子還是兩個(gè)盒子,系統(tǒng)會(huì)只算兩個(gè)盒子之間的距離,第一個(gè)盒子到第二個(gè)盒子你可以試一下,在任意一個(gè)盒子上設(shè)置更大的值,比如40px,只是在原基礎(chǔ)的上面+了10px,個(gè)人是這么覺(jué)得,大神可以繼續(xù)指點(diǎn)。
你描述問(wèn)題不夠詳細(xì)
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
3 回答盒子模型margin
3 回答盒子模型 margin
2 回答關(guān)于盒子模型?
1 回答關(guān)于盒子模型
4 回答關(guān)于盒子模型--填充的問(wèn)題??、
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-05-29
應(yīng)該是默認(rèn)吧,兩個(gè)盒子值都設(shè)置30px間距,所以應(yīng)該是間距重疊了,只計(jì)算兩個(gè)盒子之間的距離,中間如果加一個(gè)水平線,那么就是都以水平線為中心來(lái)各自管自己外邊距,但是如果單純是兩個(gè)盒子,不管設(shè)置一個(gè)盒子還是兩個(gè)盒子,系統(tǒng)會(huì)只算兩個(gè)盒子之間的距離,第一個(gè)盒子到第二個(gè)盒子你可以試一下,在任意一個(gè)盒子上設(shè)置更大的值,比如40px,只是在原基礎(chǔ)的上面+了10px,個(gè)人是這么覺(jué)得,大神可以繼續(xù)指點(diǎn)。
2018-05-29
你描述問(wèn)題不夠詳細(xì)