IE6 BUG，CSS，绝对位置和高度的100％内DIV

我做的网站，有我有3个的DIV，IE6 BUG，CSS，绝对位置和高度的100％内DIV

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

而现在，格 '内' 是宽度和高度 - 汽车，位置绝对; '内容'有宽度：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，IE8歌剧<一切正常，但在IE6和IE7的div '滚动' 太长，身高：100％不起作用。 You can see it on the picture：

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

来源

2011-02-18 esen

有没有可能提供链接到实时页面的机会？这使得它更容易（在我看来）追踪IE6错误。关于IE6的主题 - 你确定你仍然关心这个古老的浏览器吗？ – thirtydot 2011-02-18 22:43:28

明天我会提供一个活页面的链接，现在我没有密码等服务器...更重要的是IE7 - 同样的错误如何IE6 – esen 2011-02-18 22:52:53

-1

为100％在IE中的高度，你需要将它添加到你的CSS。

* html #content{ 
height:100%; 
}

来源

2011-02-19 01:42:27 Hussein

IE7也有这个bug。

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

来源

2011-07-19 11:29:28 TLindig

-1

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

来源

2013-01-27 07:13:57

IE6 BUG，CSS，绝对位置和高度的100％内DIV

回答

相关问题