Div の高さが特定の値を超えると、IE8 はその高さを固定値に自動的に調整します_html/css

ディスカッションに返信 (解決策)

ホームページ

ウェブフロントエンド

htmlチュートリアル

Div の高さが特定の値を超えると、IE8 はその高さを固定値に自動的に調整します_html/css_WEB-ITnose

Jun 21, 2016 am 09:35 AM

&lt;div style=&quot;height: 200px; width: 100%; overflow: auto; position: relative;&quot; id=&quot;div1&quot;&gt;	&lt;div style=&quot;height: 2000000px; width: 1000px;&quot; id=&quot;hugeDiv&quot;&gt;	&lt;/div&gt;	XXXXXXXXXX&lt;/div&gt;

ログイン後にコピー

高さは 2000000px に設定されます。IE8 で表示すると、常に、height: 1342177.27px;
は、<div id="hugeDiv" style="width: 1000px; height: 1342177.27px;" に変更されます。 />
FF にも Chrome にもこの問題はありません
これが当てはまらない理由を誰か説明できますか?何をするか？

ディスカッションに返信 (解決策)

&lt;!DOCTYPE HTML&gt;&lt;html lang=&quot;&quot;&gt;&lt;head&gt;	&lt;meta charset=&quot;gbk&quot;&gt;	&lt;title&gt;&lt;/title&gt;&lt;/head&gt;&lt;body&gt;	&lt;div style=&quot;height: 200px; width: 100%; overflow: auto; position: relative;&quot; id=&quot;div1&quot;&gt;		&lt;div style=&quot;height: 2000000px; width: 1000px;&quot; id=&quot;hugeDiv&quot;&gt;&lt;/div&gt;		XXXXXXXXXX	&lt;/div&gt;	&lt;script type=&quot;text/javascript&quot;&gt;		alert( document.getElementById('hugeDiv').offsetHeight )	&lt;/script&gt;&lt;/body&gt;&lt;/html&gt;

ログイン後にコピー

問題ありません

HTML コード

<!DOCTYPE HTML>
<html lang="">
<頭>
< ;メタ charset="gbk">
</head>
<div style="高さ: 200px; 幅: 100%; 位置: 自動:relative;" id="div1...

コードを試してみたところ、alert の値は 1193046 です。
これは IE でのみ再現できます

表示の上限であるはずです. 質問

たとえば、

&lt;!DOCTYPE HTML&gt;&lt;html lang=&quot;&quot;&gt;&lt;head&gt;    &lt;meta charset=&quot;gbk&quot;&gt;    &lt;title&gt;&lt;/title&gt;&lt;/head&gt;&lt;body&gt;    &lt;div style=&quot;height: 200px; width: 100%; overflow: auto; position: relative;&quot; id=&quot;div1&quot;&gt;        &lt;div style=&quot;height: 123456789px; width: 1000px;&quot; id=&quot;hugeDiv&quot;&gt;&lt;/div&gt;        XXXXXXXXXX    &lt;/div&gt;	&lt;div id=&quot;test&quot;&gt;&lt;/div&gt;    &lt;script type=&quot;text/javascript&quot;&gt;        document.getElementById('test').innerHTML = document.getElementById('hugeDiv').offsetHeight;    &lt;/script&gt;&lt;/body&gt;&lt;/html&gt;

ログイン後にコピー

ここで、ffは直接0を表示し、ie6は123456789を表示し、ie8は1193046を表示します

そして12345678に変更され、
その後ffとie6は12345678を表示します、ie8はまだ119304です6

では、スクロールバーの高さは実際の 1,193,046 ピクセルではありません

スクロールバーを引くと泣きたくなりますね
DOM の高さの具体的な上限

これはまさに必要なものです

表示の上限の問題であるはずです

たとえば、
HTML コード

<html lang="" >
<頭>
<title></title>
<body>
<div style="高さ: 200px; 幅: 100%; オーバーフロー:自動; 位置: ……
私もそう思いがちですが表示上限の問題です。さらに公式ドキュメントを探したいのですが、ブラウザに関するお勧めの本を教えてください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。