css - IE6 错误、CSS、绝对位置和高度 100% 内部 DIV

Question

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

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

现在， div 'inner' 是宽度和高度 - 自动，绝对位置；“内容”的宽度：100%；高度：100%；而“滚动”是宽度：96%；填充：2%；身高：96%；溢出：自动；

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< 一切正常，但在 IE6 和 IE7 中，div 'scroll' 太长，height:100% 不起作用。你可以在图片上看到它：

有人有想法吗？请帮我 ：）

Answer 1

IE7也有这个bug。

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

Answer 2

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

Answer 3

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

* html #content{
height:100%;
}