IE環境では、divの高さはフォントの高さよりも大きくなければならないと規定されています。

IE環境では、divの高さはフォントの高さよりも大きくなければならないと規定されています。

コードをコピー
コードは次のとおりです。

<div class="content">
<div class="title"></div>
<div class="body">
...
</div>
<div class="bottom"></div>
</div>

調べてみると、IE では div ボックスの高さはボックスのフォントの高さよりも高くなければならないと規定されていることがわかりました。 Web ページに設定されているデフォルトの高さは 12 ピクセルです。したがって、div の高さを 10px に設定すると、必然的に失敗します。

解決策は非常に簡単で、div のフォント サイズを 0 に設定するだけです。これにより、div によって設定された高さが正常に機能し、Web ページが通常の状態に戻ります。

PS: この問題に対する新しい解決策が見つかりました。それは、ページ コードの先頭に W3C 標準のサポートを示す文を追加することです。詳細については、別の記事「Web フロントエンド コードの記述に関する注意事項」を参照してください。

<<:  CSS で動的な画像の 9 グリッド レイアウトを実装するためのサンプル コード

>>:  リストループスクロールを実現するための HTML+CSS+JavaScript サンプルコード

推薦する

MySQLのバックアップとリカバリの詳細な説明

序文:前回の記事では、さまざまな MySQL ステートメント構文の使用法とユーザー権限に関する知識を...

開発者がデータベースロックを詳細に理解する必要がある理由

1.ロックしますか? 1.1 ロックとは何ですか?ロックの本当の意味は、鍵またはコードで開くことがで...

JavaScript の遅延読み込み属性パターンを理解する

従来、開発者はインスタンスで必要になる可能性のあるデータに対して JavaScript クラス内にプ...

ショートビデオ(Douyin)の透かし除去ツールの実装コード

目次1. まず最初のリンクを取得する2. ブラウザでこのリンクを開いてください3. アドレスを開くと...

JavaScript で一意の ID を生成するいくつかの方法

考えられる解決策1. Math.randomは[0,1)の範囲の乱数を生成します。 //今回は生成さ...

nginxとIISで使用できるSSL証明書を作成する

目次SSL証明書の作成1. 秘密鍵を生成する2. 証明書要求ファイルを生成する3. CRT証明書ファ...

JavaScript のドキュメント オブジェクト モデル (DOM)

目次1. DOMとは何か2. 要素を選択する3. getElementById() 4. クエリセレ...

親ページの更新を制御するために HTML で iframe を実装するためのアイデアとコード

1. 応用シナリオ親ページ a.jspサブページ b.jsp (ページ a に埋め込まれた ifra...

Docker コンテナ アプリケーションで避けるべき 10 の悪い習慣

コンテナが企業の IT インフラストラクチャに欠かせない要素となっていることは間違いありません。コン...

Chromeブラウザの自動パスワード保存プロンプト機能を無効にする方法

注: Web 開発では、フォームに autocomplete="off" を追加...

html リンク タグ タイトル属性 改行 マウス ホバー プロンプト コンテンツ 改行効果

オブジェクト上にマウスを移動したときにコンテンツ(タイトル属性の内容)を折り返す方法、HTML タイ...

Linuxで静的ネットワーク接続を構成する方法

Linux システムのネットワーク接続を構成するのは難しい場合があります。幸いなことに、多くの新しい...

Centos7 MySQL データベースのインストールと設定のチュートリアル

1. システム環境yum updateアップグレード後のシステムバージョンは[root@yl-web...

Nginx ソースコード調査における nginx 電流制限モジュールの詳細な説明

目次1. 電流制限アルゴリズム2. nginxの基礎知識4. 実戦要約する高並行性システムには、キャ...

CSS を使用して親コンテナ div を img 画像で埋め、コンテナのサイズを調整する方法

ページに複数の画像を導入すると、画像のサイズがばらつくことがあります。しかし、それらを一貫したサイズ...