課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
如果修改margin:20px auto 中20px的值那么只有上下邊距會(huì)發(fā)生變化,但是margin:20px auto這句代碼不是說(shuō)的是上下邊距都為20px,然后左右邊距為auto么???為什么修改20px的值后,只有上邊距(margin-top)發(fā)生變化呢???
2016-03-24
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 15-2
正在回答
底部沒有參照當(dāng)然看不出是改變了。居中設(shè)置,則左右邊距值相對(duì)瀏覽器自動(dòng)調(diào)整。上下邊距自定義。你可以多加一行塊代碼在其后作為參照,就知道下margin-bottom也改變了。
it勒布朗
我也有跟題主一樣的問(wèn)題,我是這么覺得的,如果不設(shè)置上下,那么瀏覽器默認(rèn)的是把元素貼在上端,然后設(shè)置了margin的top和bottom,雖然兩者都有變化,但是上方是跟其父元素相靠近的,所以margin-top就產(chǎn)生了效果,和他父元素的距離就是margin-top,至于其下端因?yàn)闆]有參考物,所以顯示不改變,
margin的left top不是我們以前給塊狀元素直接定位的left和top,他只是一個(gè)跟其他元素的距離,而left,right是在頁(yè)面的距離
TheRedWolf 提問(wèn)者
可是當(dāng)你改變了margin:20px auto;中 20px的值后,卻只有上margin-top變化了?。∵@是為什么?
你要有父元素的概念。
div父元素是整個(gè)瀏覽器頁(yè)面,高度固定,div高度野固定,margin-top和margin-bottom是無(wú)法同時(shí)設(shè)置的
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答margin:20px auto
1 回答20px在margin:20px auto;中的意義是什么?
1 回答關(guān)于邊距margin
2 回答關(guān)于margin設(shè)置auto的問(wèn)題
2 回答求解答.margin:auto margin-left:20px auto
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)
2016-03-26
底部沒有參照當(dāng)然看不出是改變了。居中設(shè)置,則左右邊距值相對(duì)瀏覽器自動(dòng)調(diào)整。上下邊距自定義。你可以多加一行塊代碼在其后作為參照,就知道下margin-bottom也改變了。
2016-06-11
我也有跟題主一樣的問(wèn)題,我是這么覺得的,如果不設(shè)置上下,那么瀏覽器默認(rèn)的是把元素貼在上端,然后設(shè)置了margin的top和bottom,雖然兩者都有變化,但是上方是跟其父元素相靠近的,所以margin-top就產(chǎn)生了效果,和他父元素的距離就是margin-top,至于其下端因?yàn)闆]有參考物,所以顯示不改變,
margin的left top不是我們以前給塊狀元素直接定位的left和top,他只是一個(gè)跟其他元素的距離,而left,right是在頁(yè)面的距離
2016-03-25
可是當(dāng)你改變了margin:20px auto;中 20px的值后,卻只有上margin-top變化了?。∵@是為什么?
2016-03-24
你要有父元素的概念。
div父元素是整個(gè)瀏覽器頁(yè)面,高度固定,div高度野固定,margin-top和margin-bottom是無(wú)法同時(shí)設(shè)置的