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 サンプルコード
推薦する
ウィンドウとLinuxプロジェクトを展開する際のLinuxファイルパスに問題はありません
長い間ブログを書いていませんでした。先週、プロジェクトをテストしたところ、いくつかのバグが見つかりま...
CSS グリッドレイアウトの完全ガイド
Grid は 2 次元のグリッド レイアウト システムです。これを使用すると、本質的にはハック メソ...
Vue の大容量ファイルアップロードとブレークポイント再開アップロードの実装
目次ファイルアップロードのための2つのソリューションファイルストリーム（フォームデータ）に基づくクラ...
HTML ハイパーリンク スタイル (4 つの異なる状態) の設定例
コードをコピーコードは次のとおりです。 <スタイル タイプ="text/css&qu...
素晴らしい CSS ナビゲーション バーの下線効果
中国初のカッター github.com/chokcocoまず、ここに画像があります。純粋な CSS ...
IE における条件付きコメントの利点と欠点
IE の条件付きコメントは、通常の (X)HTML コメントに対する Microsoft 独自の (...
React でのポータルとエラー境界処理の実装
目次ポータルエラー境界処理エラー境界を使用しない場合はどうなりますか?注記ポータルスロットとも言えま...
Docker 環境で JMeter+Grafana+influxdb ビジュアル パフォーマンス監視プラットフォームを構築するチュートリアル
目次1. Dockerをインストールする2. influxDBをインストールして設定する3. Gra...
docker windows10共有ディレクトリのマウント失敗の解決策
原因docker スクリプトを実行すると、コンテナを作成できないというエラーが発生します。以下のよう...
Ubuntu MySQL バージョンが 5.7 にアップグレードされました
数日前、図書館はサーバー（Ubuntu 14.04）にセキュリティ上の脆弱性があり、時間通りに修復さ...
Linuxファイアウォールiptablesの詳細な紹介、設定方法と事例
1.1 iptablesファイアウォールの概要Netfilter/Iptables (以下、Ipta...
vue-qr を使用して Vue の QR コードを生成する方法について深く理解する
目次npm ダウンロードステップ（１）輸入（２）vue-qrパラメータ例要約する「QRコード」の英語...
バッチファイルを処理するLinuxの1行コマンドの詳細な説明
序文最良の方法は、あなたが思いつく最も速い方法ではないかもしれません。職場で一時的に使用するスクリプ...
CentOS8 yum/dnfで国内ソースを設定する方法
CentOS 8 ではソフトウェア パッケージのインストール プログラムが変更され、yum 構成方法...
MySQL5.7.27-winx64 バージョン win10 のダウンロードとインストールのチュートリアル図
MySQL 5.7 のインストール私たちは学校で MySQL データベースを学んでいます。先生は私た...