課程
/前端開發
/HTML/CSS
/網頁布局基礎
如題,margin-top,按本人的理解,表現應該與top是一樣的才對
2016-06-30
源自:網頁布局基礎 4-6
正在回答
你把sidebar那段內容刪了就能達到你想要的效果了;并不是margin-top不行,你用margin-top的時候它相對于#sidebar的元素塊發生了偏移,用top它回到了原頂點位置;而margin-left跟left也不算是互換;margin-left:200px ?是它的左邊的外邊距是200px,而left:200px是向右偏移200px。只是效果一樣
慕工程8099857 提問者
一劍一人 回復 慕工程8099857 提問者
一句話解決你的問題!
方向,是相對父元素偏移。 ? 這沒什么好多說的
外邊距方向,是相對她本身所在位置偏移。 ? ? 這個多解釋下吧
想象一下盒模型。設置外邊距的時候,元素大小變了 ,但是本身所在文檔流是不變的,本來在哪里仍然在哪里,只不過外面不可見部分增加了,使得可見部分看上去偏移了而已。
看到這里不知道你能不能反應過來一個問題,就是left和margin-left 實現效果之所以一樣,是因為他原本就處在父元素最左邊罷了。
margin-top是外邊框距頂部,top,與之不同,left與margin-left不可替換
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-06-30
你把sidebar那段內容刪了就能達到你想要的效果了;并不是margin-top不行,你用margin-top的時候它相對于#sidebar的元素塊發生了偏移,用top它回到了原頂點位置;而margin-left跟left也不算是互換;margin-left:200px ?是它的左邊的外邊距是200px,而left:200px是向右偏移200px。只是效果一樣
2016-07-08
一句話解決你的問題!
方向,是相對父元素偏移。 ? 這沒什么好多說的
外邊距方向,是相對她本身所在位置偏移。 ? ? 這個多解釋下吧
想象一下盒模型。設置外邊距的時候,元素大小變了 ,但是本身所在文檔流是不變的,本來在哪里仍然在哪里,只不過外面不可見部分增加了,使得可見部分看上去偏移了而已。
看到這里不知道你能不能反應過來一個問題,就是left和margin-left 實現效果之所以一樣,是因為他原本就處在父元素最左邊罷了。
2016-06-30
margin-top是外邊框距頂部,top,與之不同,left與margin-left不可替換