コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

WBOY
リリース： 2016-06-21 09:35:47
オリジナル
1572 人が閲覧しました

<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 コード



<頭>
< ;メタ charset="gbk"> 

<!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はまだ119304です6

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

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

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

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

たとえば、
HTML コード


<頭>


前の記事：HTML5 キャンバス描画 help_html/css_WEB-ITnose 次の記事：CSS_html/css_WEB-ITnose でフォントと境界線の色を設定する際の Chrome と他の主流ブラウザーの違いに関する問題
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ウィンドウが短すぎると、Flexbox アイテムがコンテナからオーバーフローし、サイドバーが下部の位置合わせを維持できなくなります。 ヘッダー、2x2 コンテンツ グリッド、サイドバーで構成される単純なフレックス レイアウトを使用しようとしています。ウィンドウの幅が一定のサイズより小さい場合、サイドバーは画面の下...
から 2024-03-31 00:03:58
0
1
355
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート