水下排列下拉子菜单项，包裹（修改TwentyTwelve WordPress主题）

Question

我正在处理的网站使用修改后的WordPress TwentyTwelve主题。该子主题的标准下拉菜单已被修改，以便在子菜单打开时将内容推送下来：

问题：我想整齐地沿着内容区域的整个宽度（960像素宽）安排子菜单，而不是让它们相互下拉。如果子菜单项的数量很大，我希望子菜单包裹多行，但是项目排列整齐的垂直行。

Answer 1

以下是我的看法。目前，子菜单受限于其父菜单。为了达到你想要的目标，我认为你需要进行大量的重组。我会将您的子菜单分开，并将它们直接放在主菜单下面。您可以对子菜单项进行编码以占用960px的宽度（我知道，即使您使用的是wordpress），如果需要将较长的子菜单设置为两行。为每个子菜单指定一个唯一的ID，并将它们设置为在css中显示：none。您的主菜单已经具有唯一标识符，因此您可以为特定的li创建css规则。像这样：

#menu-item-58:hover + #submenu1 {display:block;}
#submenu1 {display:none;}
#submenu1:hover{display:block;} //so submenu doesn't disappear when mouse hovers over.

以下是您可以看到实际操作的示例，我使用了div，但您可以相应地更改它：http://jsfiddle.net/H3WB6/