課程
/前端開發(fā)
/JavaScript
/商城分類導(dǎo)航效果
submenu的left設(shè)置為220px,而topmenu寬度也為220px
2016-05-20
源自:商城分類導(dǎo)航效果 2-6
正在回答
因為你前面的li標(biāo)簽設(shè)置了padding-left:8px;在內(nèi)部設(shè)置padding值會將框的寬度撐大,這是很常見的現(xiàn)象
上w3school看到說在 CSS 中,width 和 height 指的是內(nèi)容區(qū)域的寬度和高度。增加內(nèi)邊距、邊框和外邊距不會影響內(nèi)容區(qū)域的尺寸,但是會增加元素框的總尺寸。算是弄明白了!
竹之同學(xué)
試驗了一下,其實submenu的父元素:li->topmenu 都沒有定位,所以其實submenu是相對于body定位的,你把body的margin設(shè)為0,一切就豁然開朗。
慕粉3247841 提問者
我也想知道...
舉報
兩種方法實現(xiàn)分類導(dǎo)航,同時擴(kuò)展講解其它商城分類導(dǎo)航的制作方法
3 回答.topmenu .lihover .submenu ?
3 回答還是沒有理解到topmenu .lihover;.topmenu .lihover .submenu; .topmenu .lihover span
1 回答為什么我這個submenu靠下?
1 回答陰影無法全部遮蓋
1 回答在.topmenu li中設(shè)置z-index:3有用嗎?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-04-25
因為你前面的li標(biāo)簽設(shè)置了padding-left:8px;在內(nèi)部設(shè)置padding值會將框的寬度撐大,這是很常見的現(xiàn)象
2016-05-21
上w3school看到說在 CSS 中,width 和 height 指的是內(nèi)容區(qū)域的寬度和高度。增加內(nèi)邊距、邊框和外邊距不會影響內(nèi)容區(qū)域的尺寸,但是會增加元素框的總尺寸。算是弄明白了!
2016-05-21
試驗了一下,其實submenu的父元素:li->topmenu 都沒有定位,所以其實submenu是相對于body定位的,你把body的margin設(shè)為0,一切就豁然開朗。
2016-05-20
我也想知道...