1、使用純CSS創(chuàng)建一個(gè)橫向?qū)Ш讲藛危诙?jí)子菜單為了實(shí)現(xiàn)這個(gè)目標(biāo)，我們使用了CSS選擇器屬性和偽類首先定義了所有元素的基本樣式，使用了內(nèi)邊距和外邊距的清除margin0 padding0接下來(lái)，我們定義了`menu`類的樣式，設(shè)置了寬度為300px，并將列表樣式設(shè)置為無(wú)liststyle然。

2、本人親測(cè)下面這些代碼是可以實(shí)現(xiàn)二級(jí)或多級(jí)導(dǎo)航菜單的 lt！ margin0pxpadding0px body overflowscrollfontsize12pxfontfamilyArial， Helvetica， sansserifcolor#000 a fontsize12pxfontfamilyArial， Helvetica， sansserifcolor#000textdecoration men。

3、首先，復(fù)制代碼 程序代碼 dedechannelartlist typeid=#39top#39 cacheid=#39channelsonlist#39 dedechannel type=#39son#39 noself=#39yes#39 fieldtypename dedechannel dedechannelartlist 粘貼到DedeCMS57的模板文件 templetsdefaultfooterhtm中的頂端位置 刷新會(huì)發(fā)現(xiàn)導(dǎo)航欄已經(jīng)出現(xiàn)。

4、1第一步，打開(kāi)dw軟件并創(chuàng)建一個(gè)新文件，見(jiàn)下圖，轉(zhuǎn)到下面的步驟2第二步，執(zhí)行完上面的操作之后，單擊“常用”選項(xiàng)，選擇“布局”按鈕，然后繪制一個(gè)圖層，見(jiàn)下圖，轉(zhuǎn)到下面的步驟3第三步，執(zhí)行完上面的操作之后，再次單擊該層并繪制另一個(gè)，看到第一層是layer1，第二層是layer2，見(jiàn)下圖。

5、用選擇器選到你的二級(jí)菜單，因?yàn)椴恢滥愕臉?biāo)簽和屬性，所以如果你一級(jí)菜單已經(jīng)用CSS設(shè)定屬性和值，那么在選擇你的二級(jí)菜單甚至三級(jí)菜單的時(shí)候，選擇器很重要，如果你上面的代碼是一級(jí)菜單的CSS，假設(shè)你的二級(jí)菜單的 class=quotmenulist1quot，假設(shè)你的三級(jí)菜單的 class=quotmenuskinboxbd。

6、你的nav里面設(shè)置了padding2em，2em，左右padding都是32px，而你的二級(jí)菜單li沒(méi)有設(shè)置width，默認(rèn)的寬度是最小的，設(shè)置一下width80px，或者對(duì)于一級(jí)菜單二級(jí)菜單分別設(shè)置padding。

7、刪除代碼即可 1登錄網(wǎng)站后臺(tái) 2找到主頁(yè)模板文件，點(diǎn)擊更改 3找到下拉框代碼， 欄目一 欄目二 欄目三 刪除就可以了。

8、看了下你的代碼發(fā)現(xiàn)你是用a用的導(dǎo)航，這樣當(dāng)然會(huì)出現(xiàn)如果不在a上面就會(huì)隱藏二級(jí)菜單了，而且你的是a里面套a，這樣很不好的出于HTML標(biāo)簽語(yǔ)義化考慮，一般都是用ul，li來(lái)寫(xiě)導(dǎo)航的，我給你個(gè)提示，你試著做做 這里是一級(jí)導(dǎo)航 這里是二級(jí)導(dǎo)航 其中ul1是整個(gè)導(dǎo)航，而li是一級(jí)菜單，你讓默。

9、樓主，以我開(kāi)發(fā)的經(jīng)驗(yàn)來(lái)看，目前你的菜單就是橫向的，為什么呢，主要是因?yàn)橄逻呥@段代碼menu li floatleftmargin0 1px 0 0 如果把里邊的floatleft去掉，那么菜單就變成縱向了你可以自己試試。

10、設(shè)置類名為下拉菜單5改變點(diǎn)擊“菜單”，彈出二級(jí)欄目時(shí)的顏色css代碼是navbardefaultnavbarnavopen焦點(diǎn)顏色黑色，背景顏色紅色6改變導(dǎo)航欄默認(rèn)文字的顏色設(shè)置類名navbardefault下面一個(gè)標(biāo)簽的文字顏色為白色，代碼是navbardefaultnavbarnavli顏色#fff。

11、看代碼應(yīng)該是新手吧，給你一個(gè)很好的建議你這里不是ul套li套u(yù)l套li么所有你本想設(shè)置外面的ul或者li樣式，結(jié)果搞得里面的也有樣式，還得把里面的消除掉，這樣很累建議給ul和li不同的class，例如最外面打的ul class=quotnavquot，一級(jí)導(dǎo)航li class=quotnav_liquot二級(jí)導(dǎo)航ul class=quotsub_navquot li。

12、將以下代碼復(fù)制到footerhtm內(nèi)即可考慮SEO原因放置于底部 lt！ 二級(jí)子類下拉菜單 dedechannelartlist typeid=#39top#39 cacheid=#39channelsonlist#39 dedechannel type=#39son#39 noself=#39yes#39 fieldtypename dedechannel dedechannelartlist cssdropdownstartchromequotnav。

13、二級(jí)菜單導(dǎo)航最主要的還是定位position理解了定位的用法，就可以使用css來(lái)實(shí)現(xiàn)簡(jiǎn)單的菜單效果對(duì)于低版本的瀏覽器，則可以使用onMouseover來(lái)動(dòng)態(tài)控制當(dāng)前主導(dǎo)航條目的class。

14、導(dǎo)航有位置導(dǎo)航次導(dǎo)航菜單范圍比較小，下拉二級(jí)菜單你好，本題已解答，如果滿意 請(qǐng)點(diǎn)右下角“采納答案”。

15、將二級(jí)子菜單隱藏hidden然后，在導(dǎo)航欄按鍵的hover屬性的進(jìn)入和離開(kāi)事件上分別加上子菜單的顯示與隱藏代碼，OK 需要示例代碼么。