亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

可是不管橫向兩列或者更多列布局marginleft和left的值相同,效果都一樣,這又是為什么?

mainbody{position:relative;} ? ?content{position:absolute; top:0;} mainbody設置相對定位,content設置絕對定位,絕對定位的值是多少呢,直接加了一個top:0,所以content會跑到上邊去。與父元素對齊。而margin屬性,是兩個盒子之間的外邊框距離,也就是說不管你有沒有定位,與margin無關。margin只作用于兩個盒子之間,所以content的margin-top屬性就只會與它前面的sidebar發生作用??墒遣还軝M向兩列或者更多列布局marginleft和left的值相同,效果都一樣,這又是為什么?

正在回答

3 回答

margin-lefe這里是與父元素的左邊距,所以和相對父元素右移left的效果是一樣的。我是這樣理解的。

0 回復 有任何疑惑可以回復我~

Absolutely positioned boxes can have margins, they do not collapse with any other margins.

官方文檔的解釋哦


0 回復 有任何疑惑可以回復我~

當你使用絕對定位時該物體就脫離文檔流了,所以設置margin只會和你設置的相對定位點起作用,————如果是練習題的話。你把內邊距padding-left設置一下看看效果

1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214678    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識

進入課程

可是不管橫向兩列或者更多列布局marginleft和left的值相同,效果都一樣,這又是為什么?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號