Question

我正在做网站，我有3个DIV，

<div id="inner">
    <div id="content" >
             <div id="scroll" >
             </div>
    </div>
</div>

现在，div'内部'是宽度和高度 - 自动，位置绝对; '内容'的宽度为：100％;高度：100％; 'Scroll'宽度：96％;填充：2％;身高：96％; overflow：auto;

html, body {width:100%; height:100%; margin:0; padding:0; border:0 none;}
#scroll
{
    width: 96%;
    padding:2%;
    height: 96%;
    overflow: auto;
}

#content {
    width:100%;
    height:100%;
    overflow:hidden;
    line-height:18px;
    }

#inner { 
    position:absolute;
    background:none;
    width:auto;
    height:auto;
    top:40px;
    bottom:85px;
    right:10px;
    left:300px;
}

在Firefox中，Opera IE8＆lt;一切都还可以，但在IE6和IE7中div'滚动'太长，高度：100％不起作用。 You can see it on the picture：

有人有想法吗？请帮帮我:)。

Answer 1

IE7也有这个错误。

我能找到的唯一解决方法是，将#content-element也设置为position:absolute。

Answer 2

对于IE中100％的高度，您需要将其添加到CSS中。

* html #content{
height:100%;
}

Answer 3

我不太确定，但我认为使用“inherit”高度属性可以解决问题。

IE6 bug，CSS，位置绝对和高度100％内部DIV

3 个答案: