第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

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

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

正在回答

3 回答

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

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

官方文檔的解釋哦


0 回復(fù) 有任何疑惑可以回復(fù)我~

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

1 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消
網(wǎng)頁布局基礎(chǔ)
  • 參與學(xué)習(xí)       214674    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網(wǎng)頁布局的相關(guān)知識

進入課程

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

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號