Div的高度大于一定数值后，IE8自动调整其高度为一固定值_html/css

<div style="height: 200px; width: 100%; overflow: auto; position: relative;" id="div1">	<div style="height: 2000000px; width: 1000px;" id="hugeDiv">	</div>	XXXXXXXXXX</div>

登录后复制

高度被设置为2000000px,在IE8中查看的时候始终是：height: 1342177.27px;
被变成了：

FF和chrome都没这个问题
大家能解释下这是为什么不？该怎么处理？

回复讨论(解决方案)

<!DOCTYPE HTML><html lang=""><head>	<meta charset="gbk">	<title></title></head><body>	<div style="height: 200px; width: 100%; overflow: auto; position: relative;" id="div1">		<div style="height: 2000000px; width: 1000px;" id="hugeDiv"></div>		XXXXXXXXXX	</div>	<script type="text/javascript">		alert( document.getElementById('hugeDiv').offsetHeight )	</script></body></html>

登录后复制

没问题啊

HTML code

应该就是个显示上限的问题吧
比如

<!DOCTYPE HTML><html lang=""><head>    <meta charset="gbk">    <title></title></head><body>    <div style="height: 200px; width: 100%; overflow: auto; position: relative;" id="div1">        <div style="height: 123456789px; width: 1000px;" id="hugeDiv"></div>        XXXXXXXXXX    </div>	<div id="test"></div>    <script type="text/javascript">        document.getElementById('test').innerHTML = document.getElementById('hugeDiv').offsetHeight;    </script></body></html>

登录后复制

这里 ff 直接显示0， ie6 显示123456789，ie8 显示1193046

而改成 12345678，
那么ff和ie6显示 12345678， ie8依然是1193046

改成然后滚动条的高度并非真实的1,193,046 px，如果是真的那么高，拉滚动条岂不是要拉哭？

具体 DOM的高度上限是多少没研究过。

正需要

应该就是个显示上限的问题吧
比如
HTML code

nbsp;HTML>

我也偏向于认为是个显示上限的问题。想找到一些比较官方的文档看看，不知可否推荐一些关于浏览器方面的书籍？