下拉有错误的菜单(drop-down menu with errors)

我将添加链接的评论，我带着疑问的代码，便于移植和代码不是问题。 好？

我的问题是jquery的下拉菜单。 当您打开，当你将鼠标悬停在第一个菜单项的jsfiddle会很容易发现。

而且因为它的立场，他离开菜单项时，我通过鼠标，不知道如何成长必要的子菜单，不与干扰<li>菜单。

Answer 1:

您可以使用：

.sub-menu { position:absolute; }

这样子菜单取出的页面流量。 其顶部和左侧位置是默认他们会在常规页面流在哪里，但他们将不再推下页，也不延长其nav的容器。

你将不得不这种变化后相应样式。 也就是说，父li的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>

.menu_li > span, .menu_li > a { padding:0 14px; }

小提琴

---

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

文章来源: drop-down menu with errors