javascript - 下拉菜单打乱了其他标签

Question

我正在开发一个带有下拉菜单的导航栏（稍后会添加另一个）。当按下下拉菜单时，它会将所有导航链接向右移动。期望的行为是所有导航链接都是静态的。我尝试在标签fixed上使用div带有absolutecss 的li标签，但 IE 会将li标签呈现在父 div 之外。

我当前的实现正在使用float:left，但这也没有产生预期的结果。下拉菜单是标有“Solace”的菜单。任何帮助或建议表示赞赏。我创建了一个演示来说明我的问题。http://jsfiddle.net/xbB4M/1/。

另外，一个附带问题。如果这需要一个新帖子，请告诉我，我会提出一个新问题。每当用户单击下拉菜单时，如何监听下一次鼠标单击以关闭下拉菜单？

score 0 · Accepted Answer

如果你给你的.menu班级一个absolute位置，它应该阻止其他菜单项向右滑动。至于您的第二个问题，如果您检查工作示例，我为菜单项添加了另一个单击事件处理程序，如果单击它们，它将关闭菜单。

试试这个：

.menu {
    margin-top:10px;
    background-color:#17406B;
    position: absolute;
}

1 回答 1