如何更改CSS下拉菜單的寬度？

Question

每次添加“ width：## px;”時，我都有一個使用CSS的下拉菜單。 有點，它以某種方式將水平菜單變形為垂直混亂。。我什至試圖在DIV標簽上添加樣式寬度，並且沒有骰子。

這是CSS（因為CSS很長，所以我附加了paste.bin鏈接）：

http://pastebin.com/GS7jHhii

Answer 1

相對於物體定位絕對DIV將始終對視口大小做出反應。

最好的辦法是將#cssmenu div再次放回容器div中，但是仍然可以使用當前使用的div順序獲得所需的結果。

將CSS更改為以下內容（還應將border-radius的內容放回去）：

#cssmenu {   

text-align: center;
overflow: hidden;
margin-top:46px;
height: 49px;
width:1200px;  /* Same width as wrapper */
margin-left:auto;
margin-right:auto;
margin-bottom:-95px; /* Hackish, but only possibility in this div order */
}

並且在樣式表的底部（否決其他樣式）

#cssmenu>ul {
float:none !important;
display:inline-block;
}

在我看來，使用負邊距有點不足，但是它將滿足您的要求。

注意：由於我看不到子菜單的出現，因此無法測試子菜單的行為。

耶隆

Answer 2

編輯此ul> li，這將更改列表中每個下拉列表的寬度

#cssmenu > ul > li {
  float: left;
  width: **px;

}

Answer 3

下拉菜單是另一個列表的子列表-頂級導航，因此您需要使用CSS定位。

#cssmenu ul li ul li {
   width: **px;
}

Answer 4

相反，我發現wordpress有一個下拉菜單插件，我只需要注冊小部件的標題。 它仍然有點越野車，但是一旦我看對了它，它就應該解決了。

謝謝大家的幫助，我從中學到了很多！