0.需求：當滑鼠hover到按鈕上時，出現下拉列表導航條。
1.問題拆解：
（1）html應該如何組織比較方便合理
因為題中要求下拉列表位於按鈕的正下方，可以使用列表中巢狀無序列表
（1）首先重置預設的,標籤樣式
li,（2）設定按鈕的邊框等，此時我設定的是外層標籤中標籤的樣式，此時將內層標籤設定成塊級block，這樣可以設定寬高，並且後面有用（後面再說）。li a
.btn1(3)將下拉列表隱藏設定成不可見
ul(4)為下拉列表項新增樣式
ul li a(5)不能忘了最後乙個
.last(6)設定滑鼠hover時出現下拉列表
.btn:hover ul(7)設定hover時改變背景顏色
ul li a:hover(8)此時會有乙個小bug，滑鼠hover到按鈕整一行時都會出現下拉列表，因為此時最外層的標籤是塊級元素，塊級元素沒有設定寬度預設的寬度是父元素寬度，而它的父元素是body，第（6）步寫的是hover整個外層標籤，所以會出現這種情況。
解決辦法： 可以在父元素設定inline－block，子元素設定block，當子元素內容超出時，父元素寬度根據內容變化，所以，可以將按鈕hover區域控制按鈕邊框之內。
.btn以下是完整**：
按鈕
CSS二級選單
最近的 要求使用二級選單，本著 能用別人的就用別人的，不能用別人的就用自己的 的原則，在網上找到乙個經典的使用css製作的二級選單，感覺不錯，先記錄下來，以備它用。經典的二級選單如下圖所示 其實，所謂的二級選單都差不多，無非就是為二級選單定義乙個層，當滑鼠放在一級選單上的時候顯示這個層，而將滑鼠從一...
css 實現動態二級選單
動態實現簡單的二級選單 當滑鼠放到一級標籤上時，滑鼠會變成小手的形狀 展示二級選單，原始碼如下，複製即可直接使用 1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 meta name viewport content width ...
二級選單級聯
好久沒總結了。先總結下這倆個月，看了點.net後台，看了點c 但不是很多，這倆天看了點php.總結總結下.net遇到的問題吧。第乙個其實就是乙個二級選單的級聯問題。用乙個簡單的例子說明一下。例子是乙個省份和城市的級聯，資料都從乙個資料庫的一張表裡取。前台 倆個dropdownlist控制項，這裡注意...