Div的高度大于一定数值后,IE8自动调整其高度为一固定值,该怎么解决
Div的高度大于一定数值后,IE8自动调整其高度为一固定值
高度被设置为2000000px,在IE8中查看的时候始终是:height: 1342177.27px;
被变成了:<div id="hugeDiv" style="width: 1000px; height: 1342177.27px;"/>
FF和chrome都没这个问题
大家能解释下这是为什么不?该怎么处理?
------解决方案--------------------
- HTML code
<div style="height: 200px; width: 100%; overflow: auto; position: relative;" id="div1"> <div style="[color=#FF0000]height: 2000000px[/color]; 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>