难以将div正确定位在具有溢出的div上：隐藏

Question

一些背景：我有一个站点标题，并创建了一些jQuery代码，当一个单击另一个div（workspaceSelectNav或accountActionsContainer）时显示div（headerAdminPanel），这将基本上是一个菜单，其中包含各种选项。我在使这个headerAdminPanel面板div正确显示时遇到一些麻烦，因为标题有一个带溢出的div：隐藏在其中并且z-index定位似乎不是答案（除非我做错了）。

这是我的HTML代码： http://jsfiddle.net/user1032334/NY75B/2/

Answer 1

只有position:relative;，position:absolute;或position:fixed;的元素才会受到z-index的影响。

也许这会有所帮助：

#workspaceSelectNav { position:relative; z-index:whatever;}

Answer 2

我不知道我们是否有完整的代码用于本节。但是您的代码中有2个额外的结束</div>标记。无效的HTML 可能导致您的问题（还有更多！） 第19行＆amp; 20有一个额外的</div>标记。

Check out this JSFiddle.＆lt; - 这是带有2个额外结束标记的代码。 （注释）
Check out this JSFiddle.＆lt; - 这是您的代码没有 2个额外标签。

Answer 3

简单的解决方案是简单地将子菜单的高度添加到标题中，以便在显示时溢出不会将其切断。如果您不希望额外的高度将下面的内容推下来，您可以始终在底部应用负边距。