html - 下拉菜单出现在内容区域下方

Question

我的页面上有两个相对定位的区域，内容和标题。

内容的 z-index 高于标题 - 这是页面结构的要求。

我已经简化了 HTML 和 CSS 来说明我在这里要做什么: http://cb3.securetree.com/example.html

这会导致标题中存在的下拉菜单出现问题，因为即使它们的 z-index 更高，它们也会显示在内容区域下方。

在示例页面上，请注意下拉菜单如何位于内容区域下方。

感谢解决此问题的任何帮助。

Answer 1

相对定位的元素会显示在没有相对定位的元素之上。您应该避免在不必要的地方使用相对定位。如果您使用 float 和边距等在页面上四处移动内容，您应该不会有任何 z-index 问题。