下拉菜单显示在内容区域下方

Question

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

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

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

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

在示例页面上，注意下拉菜单在内容区域下方的位置。

在解决此问题时表示感谢。

Answer 1

相对定位的元素将显示在不相对定位的事物之上。你应该避免在没有必要的地方使用相对定位。如果您使用浮点数和边距等来移动页面上的内容，则不应该有任何z-index问题。