lt！DOCTYPE html PUBLIC lthtml lthead ltstyle * 1 清除ul默認(rèn)樣式 * ul padding 0margin 0liststyle * 2 設(shè)置水平方向主菜單， 設(shè)置子菜單彈出位置相對(duì)于當(dāng)前父菜單項(xiàng) * li f。

以將 下拉菜單嵌入由盒子中 充當(dāng)?shù)陌粹o 為例來(lái)說(shuō)明問(wèn)題，以類(lèi)選擇器為button的盒子當(dāng)作觸發(fā)下拉菜單的容器即是當(dāng)鼠標(biāo)移動(dòng)到該按鈕上面出現(xiàn)下拉框，則必須將hover屬性附著在按鈕盒子的上一級(jí)盒子上，但是通常上一級(jí)的盒子。

方法一HTML 1創(chuàng)建CSS菜單的HTML代碼框架我們使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無(wú)序列表ul來(lái)表示主菜單項(xiàng)2在主菜單區(qū)域中添加鏈接在本步驟中。

1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼select width 210px3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)網(wǎng)頁(yè)下拉列表的大小被調(diào)整為了210px。

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

2JavaScript錯(cuò)誤如果使用JavaScript來(lái)控制下拉菜單的顯示和隱藏，那么可能是JavaScript代碼出現(xiàn)了錯(cuò)誤請(qǐng)檢查JavaScript代碼是否正確并修復(fù)錯(cuò)誤3其它HTML或CSS問(wèn)題有時(shí)下拉菜單的錯(cuò)位可能是由于HTML或CSS在其它地方出現(xiàn)問(wèn)題。

框架好了，那么就該定義頁(yè)面的title，關(guān)鍵詞keyword，和描述description meta charset=#34UTF8#34 content=#34texthtml#34。

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