Question

我正在使用带有下拉菜单的导航栏（稍后会再添加一个）。按下下拉菜单后，它会将所有导航链接向右移动。期望的行为是所有导航链接都是静态的。我尝试在fixed上使用div，absolute标记li css，但是I.E.会在父div之外呈现li标记。

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

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

Answer 1

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

尝试一下：

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