下拉在内容下方滑动..我已经尝试了一切.. :(

Question

大家好，我一直在研究这个下拉菜单很长时间了。我只是不能让下拉菜单落在页面上的主要内容之上。我尝试在所有相关区域添加 position: relative 和 z-index。

我认为可能导致问题的原因是某些地方的“溢出：隐藏”.. 但这是迄今为止我最喜欢的包含浮动的方式..

http://dev.redstoneinvestments.com/index.php?s=&p=redstone&v=home

有什么建议吗？

Answer 1

删除位置：相对和溢出：从标题和主要内容中隐藏。如果需要清除浮动，请使用 clearfix 方法：http://net.tutsplus.com/tutorials/html-css-techniques/css-fudamentals-containing-children/（本文专门解释了为什么 clearfix 是比溢出更好的解决方案：当您有绝对定位的元素需要扩展到容器之外时隐藏）。

Answer 2

将#header css更改为

#header {
    background-color:#FFFFFF;
    height:140px;
    width:900px;
}

够了，它解决了我的 Firefox 上的问题。