Div的高度大于一定数值后，IE8自动调整其高度为一固定值_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
- 2016-06-21 09:35:471654瀏覽
<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
nbsp;HTML>
我刚才试了你的代码，alert的值是1193046.
你确定是IE8吗？这个只能在IE里重现
应该就是个显示上限的问题吧
比如
<!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>
我也偏向于认为是个显示上限的问题。想找到一些比较官方的文档看看，不知可否推荐一些关于浏览器方面的书籍？
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn