【问题标题】:Fixed positioned div with a fixed height and relative or absolute divs inside it with greater height固定定位的 div 具有固定的高度和相对或绝对的 div 具有更大的高度
【发布时间】:2010-03-11 18:32:50
【问题描述】:

我的 IE 有问题。

我有一个这样的固定 div:

#fixed {
position: fixed;
top: 0px;
left: 0px;
z-index: 9998;
width: 100%;
height: 40px;
}

在这个 div 中,我想放置另一个高度高于其持有者(高于 40 像素)的 div。所以我在里面放了一个相对或绝对的div,它在除IE之外的所有浏览器中都表现出色,至少是IE8。

但在 IE8 中,子 div 会因为为其持有者指定的 40px 高度而被剪切。

这个问题有什么解决方法吗?我的头发开始变白了..

【问题讨论】:

    标签: internet-explorer-8 position fixed


    【解决方案1】:

    快速回复:您是否尝试将包含的 div 的 clip 属性设置为它自己的大小?

    另一种解决方法是(假设您有一个带有左/右边距 auto 和 position: relative 的容器 div)将第二个 div 放在 HTML 中固定的 div 之外,然后将其定位为 fixed而是在容器 div 中 - 因为它也是固定的,所以您可以设置顶部/底部和左侧/右侧位置以适应。

    【讨论】:

    • 非常感谢!剪辑属性为我解决了它!!!但是还是很惊讶我花了三分之一的开发时间来适应无能的IE浏览器......无论如何,谢谢
    • 嗯,现在我检测到这在 IE7 中不起作用。我猜是因为我将 Clip 属性添加到了固定位置的 div 中。。
    • 如果之前的代码适用于 IE7,请尝试使用仅适用于 IE8 的条件注释加载新的剪辑 CSS?
    猜你喜欢
    • 1970-01-01
    • 2012-12-28
    • 1970-01-01
    • 1970-01-01
    • 2013-03-20
    • 1970-01-01
    • 1970-01-01
    • 2014-05-26
    • 1970-01-01
    相关资源
    最近更新 更多