WordPress的菜單窗口小部件CSS

Question

我使用菜單窗口小部件菜單+爲Wordpress網站。
小部件能夠用css進行風格化，以使其成爲具有嵌套子類別的水平下拉菜單。

爲了做到這一點，我在我的模板中將函數封裝在一個名爲#navmenu的div中。然後在我的style.css中添加下面的css代碼。第一滴下來是工作，但沒有其他人。我可以忽略一些東西嗎任何建議將不勝感激。

#navmenu {margin: 0;padding: 0;height: 1em; } 
#navmenu li {list-style: none; float: left; } 
#navmenu li a {display: block; padding: 3px 8px;background-color:#fff; color: #000; text-decoration: none; border: 1px solid #000;} 
#navmenu li ul {display: none; width: 10em; /* Width to help Opera out*/ background-color: #fff;} 
#navmenu li:hover ul, #navmenu li.hover ul {display: block; position:absolute; margin: 0; padding: 0; } 
#navmenu li:hover li, #navmenu li.hover li {float: none; } 
#navmenu li:hover li a, #navmenu li.hover li a {background-color:#fff; border: 1px solid #000; color: #000; } 
#navmenu li li a:hover {background-color: #fff; } 

Answer 1

先給一個top和left值到#navmenu li:hover ul, #navmenu li.hover ul選擇。

#navmenu li:hover ul, #navmenu li.hover ul { 
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    margin: 0; 
    padding: 0; 
} 

它可能正在工作，但列表將全部放置在同一個地方。相應地更改top和left。