1、如果想僅用CSS實現(xiàn)的話，可以考慮把菜單標(biāo)題和菜單內(nèi)容放到同一個容器下，然后給這個容器做hover樣式，具體請參閱下面示例代碼HTMLlt！DOCTYPE html PRODUCT MODULAR BROADLOOM RESILIENT RUBBER；一二級菜單不下來原因有以下方面1HTML代碼各層級嵌套錯誤2CSS樣式控制中沒有使用定位屬性3定位數(shù)值計算錯誤二正確的解決方案 1清晰的HTML代碼層級，如下 網(wǎng)站首頁 產(chǎn)品分類。

2、首先，我們引用normalizecss作為默認樣式，以確保我們的菜單在每個瀏覽器是一樣的我們使用字體圖標(biāo)fontawesome來顯示菜單項向下的圖標(biāo)我們還需要引用jQuery來實現(xiàn)菜單的切換面板按鈕每個網(wǎng)站面板導(dǎo)航按鈕都類似它往往是一個圖標(biāo)字體，如；jquery 代碼documentreadyfunction * 菜單初始化 * quot#main_menu li dlquothidequot#main_menu li，#main_menu ddquotbindquotmouseoverquot， function 頂級菜單項的鼠標(biāo)移入操作 this；CSSlt！ padding 0margin0 d1 position relative ul width 650pxheight 34pxliststyle background#0D3362float leftpaddingleft 2px li width 45pxheight32pxfloat；if IEimcm imea spanpositionabsoluteimcm imclear，imcleardisplayimcmzoom1 imcm licurosrhand imcm ulzoom1imcm azoom1lt！endiflt！if gte IE；textdecoration文本的修飾，為無修飾textaligncenter文本居中顯示fontsize12px字體大小為12像素border1px solid #fff白色邊框，邊框?qū)捯幌袼?，實線liststyletype 設(shè)置列表項標(biāo)記的。

3、具體如下這是一個漂亮的JS+CSS仿支付寶菜單，總體風(fēng)格和形式與支付寶的菜單沒什么兩樣，運行效果截圖如下具體代碼如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquotquot；CSS代碼書寫順序1位置屬性position， top， right， zindex， display， float等2大小width， height， padding， margin3文字系列font， lineheight， letterspacing， color textalign等4背景backgrou；menu li ddlast borderbottom1px solid #b00 上面的代碼也新增了一個last的類，因此我們必須在對應(yīng)的HTML代碼中最后一個dd指定class=quotlastquotCSS高級教程 3設(shè)置子菜單的鏈接的樣式 menu li dd a， #menu；無標(biāo)題文檔 body backgroundcolorwhitefontsize12pxfontfamilyArial， Helvetica， sansserifmargin0pxpadding0pxcolorwhite ul，li margin0pxpadding0px li displayinlineliststyle；這個是菜單欄的代碼，以下是CSS樣式#menu background #FFFFFF urlimagesimg01gif repeatx width 960px height 45px margin 0 auto padding 0px 0 fontsize16px#menu ul height 45px margin。

4、1編寫帶有div導(dǎo)航的html代碼2使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個簡單的無序列表ul來表示主菜單項3在主菜單區(qū)域中添加鏈接在本步驟中，在無序列表。

5、positionrelative son positionabsolute top30px left1px grason positionabsolute top1px left100px son，grason display active displayblock background#FF0；代碼效果圖代碼含義定義為下拉列表菜單標(biāo)簽 ltOption定義下拉列表數(shù)據(jù)標(biāo)簽 ltValue 定義傳輸?shù)亩?實現(xiàn)原理通過代碼設(shè)置一個下拉列表菜單，設(shè)計下拉菜單下面的值來達成效果代碼源件 無標(biāo)題 下拉列表菜單；下拉菜單的制作方法，要CSS代碼的 可以出現(xiàn)二級菜單和三級菜單的最好不要有javascript代碼出現(xiàn) 可以出現(xiàn)二級菜單和三級菜單的最好不要有javascript代碼出現(xiàn) 展開 #xE768 我來答。