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

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

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

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

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

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

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

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