Div的高度大于一定数值后，IE8自动调整其高度替一固定值-HTML教程-爱易网页

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

日期：2014-05-17　浏览次数：20689 次

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>