我正在开发的网站使用修改后的 WordPress TwentyTwelve 主题。该主题的标准下拉菜单已修改为在子菜单打开时将内容下推：
问题：我想沿着内容区域的整个宽度（960px 宽）整齐地排列子菜单，而不是让它们彼此下拉。如果子菜单项的数量很大，我希望子菜单包含几行，但将项目排列成整齐的垂直行。
问问题
2337 次
1 回答
1
这是我的看法。目前，您的子菜单仅限于其父菜单。为了实现你想要的，我认为你需要做很多重组。我会将您的子菜单分开并将它们直接放在主菜单下方。您可以对子菜单项进行编码以占用 960px 宽度（我知道，即使您使用的是 wordpress，也可以手动操作），如果需要，可以将较长的子菜单设置为两行。给每个子菜单一个唯一的 id 并将它们设置为 display:none 在 css 中。您的主菜单 li 已经具有唯一标识符，因此您可以为特定 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/
于 2013-04-12T16:46:27.070 回答