這是一款折疊形可變導航，一般應用在系統(tǒng)頁面左側它的最大優(yōu)勢是1菜單根據(jù)中繼器配置的列表動態(tài)加載整個導航菜單后期系統(tǒng)維護升級可快速增減菜單2二級導航菜單數(shù)量不等也可以正常工作突破局限#160 #。

以及文字居中5二級菜單欄設置邊框和背景顏色6當鼠標滑過的時候，二級菜單改變顏色，使用hover屬性設置CSS樣式7最后是將二級菜單欄的display設置為進行隱藏，當鼠標懸停在一級菜單欄，display變?yōu)閎lock。

最終的效果就是添加一個主導航然后再在主導航里添加兩三個二級導航，這樣在你接下來的修改才能看到明顯的效果這一步就是設置二級導航的樣式，也就是圖片的箭頭所指的位置，這里可設置成1菜單樣式，2橫排樣式，兩種效果。

本人親測下面這些代碼是可以實現(xiàn)二級或多級導航菜單的 lt！ margin0pxpadding0px body overflowscrollfontsize12pxfontfamilyArial， Helvetica， sansserifcolor#000 a fontsize12pxfont。

你的nav里面設置了padding2em，2em，左右padding都是32px，而你的二級菜單li沒有設置width，默認的寬度是最小的，設置一下width80px，或者對于一級菜單二級菜單分別設置padding。