日期:2014-05-17  浏览次数:20730 次

Div的高度大于一定数值后,IE8自动调整其高度为一固定值

<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;
被变成了:<div id="hugeDiv" style="width: 1000px; 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>






没问题啊