課程
/前端開發(fā)
/HTML/CSS
/導(dǎo)航條菜單的制作
菜單向右移動為什么要設(shè)置ul的padding-left值,向下移動而是設(shè)置li的margin-top值?
2016-05-29
源自:導(dǎo)航條菜單的制作 3-1
正在回答
移動是指目標(biāo)移動的方向,不是指哪個(gè)方向加padding值,一般目標(biāo)移動是和加padding值的方向相反
悅心者 提問者
菜單右移相當(dāng)于ul里面的li向右移動,所以使用padding-left:30px;
ul設(shè)置了高度50px,向下移動是li相對于ul上方邊框隔開20px距離,所以使用margin-top:20px。
如果你還是不清楚,最好的方式就是你將padding-left:30px改成margin-left,margin-top:20px改成padding-top:20px看小效果,你就懂了
舉報(bào)
水平、垂直、圓角導(dǎo)航條菜單,讓您的技術(shù)探索之路更高效
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-05-29
移動是指目標(biāo)移動的方向,不是指哪個(gè)方向加padding值,一般目標(biāo)移動是和加padding值的方向相反
2016-08-26
菜單右移相當(dāng)于ul里面的li向右移動,所以使用padding-left:30px;
ul設(shè)置了高度50px,向下移動是li相對于ul上方邊框隔開20px距離,所以使用margin-top:20px。
如果你還是不清楚,最好的方式就是你將padding-left:30px改成margin-left,margin-top:20px改成padding-top:20px看小效果,你就懂了