今天寫二級列表的時候想起來在學習html+css的時候，剛開始用
css寫二級列表的時，犯了乙個致命的錯誤，一級列表中用內容
+ padding
值撐開，在寫二級列表的時候，我想都沒想，也直接用內容
+ 一級列表的
padding
值將內容同樣撐開，哎，然後讓二級列表裡的內容和一級列表裡的內容一樣，發現沒有問題啊。過了一天之後，我又想起來，不對啊，如果二級列表也用內容
+ padding
、值撐開的話，那如果字數不一樣的話，它的寬度不是也不一樣麼？後來在網上也找了一些**來看，最後還是自己找出來乙個方法，解決了這個小
bug（只怪當初太水啊！）
下面就給大家看一下當初解決問題的小方法吧，希望初學者在用css寫二級列表的時候，不要和我當時的想法一樣天真
用我之前錯誤的方法會呈現出如下問題：
圖1
圖21.當給二級列表設定一定的寬度時，二級列表的字數和一級列表的字數不一樣的時候，會出現文字不居中一級文字溢位來的現象。
2.當沒有給二級列表設定寬度時，它的寬度完全是由a標籤中的內容
+ padding
值撐開的，所以當它的字數比一級列表字數多的時候將會出現圖
2的情況
要想解決如上的問題，很簡單，就是給二級列表ul加寬度，但是這個寬度要是相對應的一級列表寬度的
100%
；並且二級列表不在用文字
+ padding
值來撐開（因為它已經有定寬了），只是吧
a標籤中的值進行水平垂直居中即可。
效果如圖3：
圖3注：文中以及列表之間的豎線為了方便我用的是左邊框，不建議大家這樣寫，建議大家寫在 li下
全部**如下：
link1
link1
link1
link1
link1
link1
link1
link1
二級下拉列表
看似簡單的乙個選單，確需要不少的知識點。1.getbyclass getelementsbyclassname 已經有大部分現代瀏覽器支援了，只有ie6,ie7,ie8是不支援的。所以對ie6,7,8做特別的處理就行，而ie裡邊有個內建的屬性一直被我們所忽略，document.all，這個比一般的d...
CSS二級選單
最近的 要求使用二級選單，本著 能用別人的就用別人的，不能用別人的就用自己的 的原則，在網上找到乙個經典的使用css製作的二級選單，感覺不錯，先記錄下來，以備它用。經典的二級選單如下圖所示 其實，所謂的二級選單都差不多，無非就是為二級選單定義乙個層，當滑鼠放在一級選單上的時候顯示這個層，而將滑鼠從一...
CSS二級選單
0.需求 當滑鼠hover到按鈕上時，出現下拉列表導航條。1.問題拆解 1 html應該如何組織比較方便合理 因為題中要求下拉列表位於按鈕的正下方，可以使用列表中巢狀無序列表 1 首先重置預設的,標籤樣式 li,li a 2 設定按鈕的邊框等，此時我設定的是外層標籤中標籤的樣式，此時將內層標籤設定成...