                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /商城分類導(dǎo)航效果

為何submenu會(huì)遮掩部分topmenu？

submenu的left設(shè)置為220px，而topmenu寬度也為220px

慕粉3247841

2016-05-20

源自：商城分類導(dǎo)航效果 2-6

關(guān)注問(wèn)題我要回答

1203

操作

收起

4 回答

櫻桃小丸子的西瓜
2017-04-25

因?yàn)槟闱懊娴膌i標(biāo)簽設(shè)置了padding-left：8px；在內(nèi)部設(shè)置padding值會(huì)將框的寬度撐大，這是很常見(jiàn)的現(xiàn)象

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕粉3247841 提問(wèn)者
2016-05-21

上w3school看到說(shuō)在 CSS 中，width 和 height 指的是內(nèi)容區(qū)域的寬度和高度。增加內(nèi)邊距、邊框和外邊距不會(huì)影響內(nèi)容區(qū)域的尺寸，但是會(huì)增加元素框的總尺寸。算是弄明白了！

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

竹之同學(xué)

贊你！

2016-05-21 回復(fù) 有任何疑惑可以回復(fù)我~

竹之同學(xué)
2016-05-21

試驗(yàn)了一下，其實(shí)submenu的父元素：li->topmenu 都沒(méi)有定位，所以其實(shí)submenu是相對(duì)于body定位的，你把body的margin設(shè)為0，一切就豁然開(kāi)朗。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕粉3247841 提問(wèn)者

每種瀏覽器都有一套默認(rèn)的樣式表，在網(wǎng)頁(yè)制作過(guò)程，沒(méi)有指定相應(yīng)的樣式時(shí)，就會(huì)按照瀏覽器內(nèi)置的樣式表來(lái)渲染。chrome/firefox的body標(biāo)簽設(shè)置了margin:8px,原來(lái)還有這么個(gè)問(wèn)題

2016-05-21 回復(fù) 有任何疑惑可以回復(fù)我~