課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
如果修改margin:20px auto 中20px的值那么只有上下邊距會發生變化,但是margin:20px auto這句代碼不是說的是上下邊距都為20px,然后左右邊距為auto么???為什么修改20px的值后,只有上邊距(margin-top)發生變化呢???
2016-03-24
源自:初識HTML(5)+CSS(3)-升級版 15-2
正在回答
底部沒有參照當然看不出是改變了。居中設置,則左右邊距值相對瀏覽器自動調整。上下邊距自定義。你可以多加一行塊代碼在其后作為參照,就知道下margin-bottom也改變了。
it勒布朗
我也有跟題主一樣的問題,我是這么覺得的,如果不設置上下,那么瀏覽器默認的是把元素貼在上端,然后設置了margin的top和bottom,雖然兩者都有變化,但是上方是跟其父元素相靠近的,所以margin-top就產生了效果,和他父元素的距離就是margin-top,至于其下端因為沒有參考物,所以顯示不改變,
margin的left top不是我們以前給塊狀元素直接定位的left和top,他只是一個跟其他元素的距離,而left,right是在頁面的距離
TheRedWolf 提問者
可是當你改變了margin:20px auto;中 20px的值后,卻只有上margin-top變化了啊!這是為什么?
你要有父元素的概念。
div父元素是整個瀏覽器頁面,高度固定,div高度野固定,margin-top和margin-bottom是無法同時設置的
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
2 回答margin:20px auto
1 回答20px在margin:20px auto;中的意義是什么?
1 回答關于邊距margin
2 回答關于margin設置auto的問題
2 回答求解答.margin:auto margin-left:20px auto
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-03-26
底部沒有參照當然看不出是改變了。居中設置,則左右邊距值相對瀏覽器自動調整。上下邊距自定義。你可以多加一行塊代碼在其后作為參照,就知道下margin-bottom也改變了。
2016-06-11
我也有跟題主一樣的問題,我是這么覺得的,如果不設置上下,那么瀏覽器默認的是把元素貼在上端,然后設置了margin的top和bottom,雖然兩者都有變化,但是上方是跟其父元素相靠近的,所以margin-top就產生了效果,和他父元素的距離就是margin-top,至于其下端因為沒有參考物,所以顯示不改變,
margin的left top不是我們以前給塊狀元素直接定位的left和top,他只是一個跟其他元素的距離,而left,right是在頁面的距離
2016-03-25
可是當你改變了margin:20px auto;中 20px的值后,卻只有上margin-top變化了啊!這是為什么?
2016-03-24
你要有父元素的概念。
div父元素是整個瀏覽器頁面,高度固定,div高度野固定,margin-top和margin-bottom是無法同時設置的