Question

我会将评论中的链接添加到我怀疑的代码中，以方便移植而不是代码问题。 OK？

我的问题是带有jquery的下拉菜单。当您将鼠标悬停在第一个菜单项上时，当您打开jsFiddle时会很容易注意到。

就目前而言，当我通过鼠标时他离开菜单项，并且不知道如何在不干扰<li>菜单的情况下增长子菜单。

Answer 1

您可以使用：

.sub-menu { position:absolute; }

这样就可以从页面流中取出子菜单。它们的顶部和左侧位置默认为常规页面流中的位置，但它们将不再按下页面，也不会扩展其nav容器。

在此更改后，您必须相应地设置样式。也就是说，父级li的{{1}}在使用默认的上/左位置时仍将它们向右推。您可以给子菜单一个负余量，或者更干净地从padding中删除填充，并将其标题文本换成带有填充的元素，例如：

li

<li class="menu_li show-sub-menu">
    <span>Veículos</span>
    <ul class="sub-menu">
        <li><a href="#">Estoque</a></li>
        <li><a href="#">Cadastrar Veículo</a></li>
    </ul>
</li>

Fiddle

此外，还有很多现成的下拉导航菜单：http://www.cssreflex.com/2011/11/jquery-css-drop-down-menus.html/

下拉菜单有错误

1 个答案: