使用HTML和CSS制作下拉菜單的方法如下1編寫帶有div導(dǎo)航的html代碼2使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個簡單的無序列表ul來表示主菜單項3在主菜單區(qū)域中。

一級菜單固定高度，但需要 overflowvisible二級菜單默認(rèn)隱藏的 display。

先把菜單用html寫出來，然后用css把它隱藏，比如display然后寫js，點(diǎn)擊menu觸發(fā)事件，修改css再把它顯示出來就可以了，cssdisplayblock。

至此，橫向二級下拉菜單就制作完成了，這里附加上全部代碼，以方便各位朋友參考，感謝各位朋友的瀏覽lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1。

定位，固定定位fixed 如何利用html制作網(wǎng)頁水平導(dǎo)航菜單1新建html頁面 打開html編輯軟件，新建一個html頁面如圖2添加導(dǎo)航標(biāo)簽 在body標(biāo)簽里新建一個ulul標(biāo)簽，然后在ul標(biāo)簽里添加幾個lili標(biāo)簽如圖3。

1新建html頁面 打開html編輯軟件，新建一個html頁面如圖2添加導(dǎo)航標(biāo)簽 在ltbody標(biāo)簽里新建一個ltulltul標(biāo)簽，然后在ltul標(biāo)簽里添加幾個ltliltli標(biāo)簽如圖3在ltli標(biāo)簽內(nèi)添加文字在新建的ltli添加。

select #160！ 下拉菜單選項將在這里添加 select 2在select標(biāo)簽之間，添加option標(biāo)簽來定義每個選項select #160option value=quotoption1quot選項1option #160option value=quotoption2quot選項2option。