0

我现在有一个菜单，可以在这里找到... http://jsfiddle.net/EUaNY/

现在我想要一个与那个样式相同的子菜单，但直接显示在它的下方，并带有该特定链接的子项。请注意，此菜单以我的页面为中心，页面margin: 0 auto;宽度为width: 978px;。您可以在 .header-nav-menu 中看到这一点。抱歉，如果我没有包含一些我的 CSS 非常基本的内容。如果您有任何问题或任何问题，我将很乐意回答！谢谢！

顺便说一句，我宁愿不使用 Javascript，但如果有必要，那很好。

4

2 回答 2

2

我不确定您是否希望子菜单出现在悬停时，但是通过添加以下 2 个类使用直接 CSS 非常简单：

.header-nav-menu li > ul {
    display: none;
    position: absolute;
    width: 100%;
    padding: 4px 0;
    background: #3E0C0D;
}

.header-nav-menu li:hover > ul {
    display: block;
}

这是您更新的 jsFiddle http://jsfiddle.net/EUaNY/1/

于 2012-05-30T04:09:24.550 回答
0

如果您的意思是您希望该标题中的每个项目都激发子项目出现在其下方（垂直或水平），那么严格使用 CSS 无法实现这一点。对不起。

在这种情况下，直接使用 Javascript 将比仅仅折腾一个 jQuery 库更复杂。像这个...

http://www.webchief.co.uk/blog/simple-jquery-dropdown-menu/index.php

于 2012-05-30T03:19:28.130 回答