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