課程
/前端開(kāi)發(fā)
/HTML/CSS
/導(dǎo)航條菜單的制作
第十二行處的代碼margin-top:-10px為何不能改為margin-bottom'
:10px?求講的詳細(xì)一點(diǎn)
2016-12-01
源自:導(dǎo)航條菜單的制作 4-2
正在回答
margin-top:-10px;能往反方向移動(dòng),即向上移動(dòng)10像素。margin-bottom:10px只是設(shè)置下邊距,不會(huì)往相反方向移動(dòng)。-號(hào)的作用基本就是往相反的方向移動(dòng)。
通常人們很少使用負(fù)margin但隨后你會(huì)了解到,它能做很多東西,下面是幾條有關(guān)負(fù)margin需要注意的地方:
負(fù)margin是W3C認(rèn)準(zhǔn)的CSS是絕對(duì)標(biāo)準(zhǔn)的。W3C甚至標(biāo)注過(guò):對(duì)于margin屬性來(lái)說(shuō),負(fù)值是被允許的。
負(fù)maring不是一種hack,不能因?yàn)槿狈?duì)負(fù)marign的理解,就認(rèn)為它是一種hack方法。除非你是用來(lái)修復(fù)自己在其他地方造成的錯(cuò)誤。
不脫離文檔流不使用float的話,負(fù)margin元素是不會(huì)破壞頁(yè)面的文檔流。所以如果你使用負(fù)margin上移一個(gè)元素,所有跟隨的元素都會(huì)被上移。
完全兼容所有現(xiàn)代瀏覽器都完全支持負(fù)margin(IE6在大多數(shù)情況下也支持)。
浮動(dòng)會(huì)影響負(fù)margin的使用。
暮女神 提問(wèn)者
舉報(bào)
水平、垂直、圓角導(dǎo)航條菜單,讓您的技術(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-12-01
margin-top:-10px;能往反方向移動(dòng),即向上移動(dòng)10像素。margin-bottom:10px只是設(shè)置下邊距,不會(huì)往相反方向移動(dòng)。-號(hào)的作用基本就是往相反的方向移動(dòng)。
通常人們很少使用負(fù)margin但隨后你會(huì)了解到,它能做很多東西,下面是幾條有關(guān)負(fù)margin需要注意的地方:
負(fù)margin是W3C認(rèn)準(zhǔn)的CSS是絕對(duì)標(biāo)準(zhǔn)的。W3C甚至標(biāo)注過(guò):對(duì)于margin屬性來(lái)說(shuō),負(fù)值是被允許的。
負(fù)maring不是一種hack,不能因?yàn)槿狈?duì)負(fù)marign的理解,就認(rèn)為它是一種hack方法。除非你是用來(lái)修復(fù)自己在其他地方造成的錯(cuò)誤。
不脫離文檔流不使用float的話,負(fù)margin元素是不會(huì)破壞頁(yè)面的文檔流。所以如果你使用負(fù)margin上移一個(gè)元素,所有跟隨的元素都會(huì)被上移。
完全兼容所有現(xiàn)代瀏覽器都完全支持負(fù)margin(IE6在大多數(shù)情況下也支持)。
浮動(dòng)會(huì)影響負(fù)margin的使用。