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

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

position:absolute后面的padding-left和margin-left和left區別?

為什么在content的position:absolute后面輸入padding-left:20px ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 或者margin-left: 20px ? ? ? 或者left:220px 顯示的結果都是一樣?

正在回答

4 回答

http://img1.sycdn.imooc.com//565fd9970001ffd206060478.jpg

1到2 對1來說2到1的距離是他的外邊距,對于2來說2到1的距離是2的內邊距,postion為absolute和他的父節點有關系

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

Helianthuserin 提問者

非常感謝!
2015-12-03 回復 有任何疑惑可以回復我~

絕對定位的元素的left是相對于其有定位的最近的祖先元素偏移。margin-left分兩種情況,一種是沒設置left,則相對于其前一個元素或者是父元素偏移;一種是設置了left,則與left相同。padding-left則是這個元素本身border與內容之間的距離

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

能分別解釋下padding-left:20px ? /margin-left: 20px ? /left:220px ?三種情況都是分別相對哪個對象移動嗎?

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

生成絕對定位的元素,相對于 static 定位以外的第一個父元素進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

如果你的頁面只有一個節點,這三個是一樣的,要是有多個節點他們就不一樣了

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

Helianthuserin 提問者

能分別解釋下padding-left:20px /margin-left: 20px /left:220px 三種情況都是分別相對哪個對象移動嗎?
2015-12-03 回復 有任何疑惑可以回復我~

舉報

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

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

進入課程

position:absolute后面的padding-left和margin-left和left區別?

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

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

幫助反饋 APP下載

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

公眾號

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