除了top_container和menu_container不變外，其余的替換成menu margin 0 autowidth 1002pxheight100% menu *padding0px margin0px menu ul floatleft menu li float leftliststyle。

貼一段網(wǎng)上摘的純CSS下拉菜單二級(jí)lt！DOCTYPE HTML 利用float制作兼容ie6純css下來菜單 margin0 padding0 ul liststyle ahover color#555 nav floatleft overflowhidd。

代碼效果圖代碼含義定義為下拉列表菜單標(biāo)簽 ltOption定義下拉列表數(shù)據(jù)標(biāo)簽 ltValue 定義傳輸?shù)亩?實(shí)現(xiàn)原理通過代碼設(shè)置一個(gè)下拉列表菜單，設(shè)計(jì)下拉菜單下面的值來達(dá)成效果代碼源件 無標(biāo)題 下拉列表菜單。

ltlt！簡介lt！關(guān)鍵詞lt！CSS樣式開始* margin0 padding0 border0html background#bfc4c7*背景顏色*body font12px150% #39宋體#39 margin0 auto width770px textaligncenter。

如果想僅用CSS實(shí)現(xiàn)的話，可以考慮把菜單標(biāo)題和菜單內(nèi)容放到同一個(gè)容器下，然后給這個(gè)容器做hover樣式，具體請(qǐng)參閱下面示例代碼HTMLlt！DOCTYPE html PRODUCT MODULAR BROADLOOM RESILIENT RUBBER。

HTML下拉菜單代碼用于創(chuàng)建在網(wǎng)頁中顯示的下拉菜單，使用戶能夠從預(yù)定義的選項(xiàng)列表中選擇一個(gè)選項(xiàng)下拉菜單通常用于表單導(dǎo)航欄和其他用戶交互界面的設(shè)計(jì)要編寫HTML下拉菜單代碼，你可以按照以下步驟進(jìn)行1使用select標(biāo)簽來。

最好是用JS做，但是非要用CSS呢，也可以如下是我以前寫的一個(gè)CSS下拉，你可以參考一下*margin0padding0ul，liliststyletypepadding0margin0#nav li adisplayblockwidth100pxtextal。