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

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

<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都没这个问题
大家能解释下这是为什么不?该怎么处理?


------解决方案--------------------
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: 2000000px; width: 1000px;" id="hugeDiv"></div>
        XXXXXXXXXX
    </div>
    <script type="text/javascript">
        alert( document.getElementById('hugeDiv').offsetHeight )
    </script>
</body>
</html>