【问题标题】:drop down sliding underneath content.. i have tried EVERYTHing.. :(下拉在内容下方滑动..我已经尝试了一切.. :(
【发布时间】:2011-04-02 11:53:23
【问题描述】:

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

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

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

有什么建议吗?

【问题讨论】:

    标签: html css


    【解决方案1】:

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

    【讨论】:

    • 非常感谢。除了溢出之外,我一直在寻找一种更好的方法来清除浮动:隐藏和添加额外的 div。这行得通。
    【解决方案2】:

    将#header css更改为

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

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

    【讨论】:

    • 这对我来说没有任何改变,除了它掩盖了除首页以外的页面上没有的页面上的面包屑:(
    • 您使用的是什么浏览器/版本?
    猜你喜欢
    • 2013-07-09
    • 1970-01-01
    • 2013-07-30
    • 1970-01-01
    • 1970-01-01
    • 2022-08-23
    • 1970-01-01
    • 2018-04-24
    • 1970-01-01
    相关资源
    最近更新 更多