div には img が 1 つだけ含まれているため、div の高さは img 画像の高さより 3px_html/css_WEB-ITnose 高くなります。

コードを書いているときにこんな問題に遭遇しました

;/div>

#header {

位置: 相対;

左: 0;
幅: 100%;
上: 0;
}

#header img {

/*表示: ブロック;*/

width: 100%;
}

結果を実行したところ、ヘッダーの高さは常に img 画像よりも 3px 大きいことがわかりました。この問題はモバイル側でも PC 側でも発生します。

1. 最初は HTML の問題だと思いましたが、HTML を

< /div>

はまだ機能しないため、これは HTML の問題ではない可能性があります。

2. インターネットで情報を検索したところ、img をブロックに設定できることがわかり、問題は解決しました。

3. imgはテキストっぽい要素なので最後に3px多くなります

英語の説明

関連ラベル：

div 里边只包含一个img， 结果div的高度比img图片的高度多3px

ソース：php.cn

前の記事：インライン要素のブロックレベルの要素への変換を調べる_html/css_WEB-ITnose 次の記事：CSS > 翻訳: CSS_html/css_WEB-ITnose のブロックレベルの書式設定コンテキストを理解する

このウェブサイトの声明

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

著者別の最新記事

• NullPointerException とは何ですか?どのように修正すればよいですか?
  2024-10-22 09:46:29
• 初心者からプログラマーへ: 旅は C の基礎から始まります
  2024-10-13 13:53:41
• PHP による Web 開発のロックを解除する: 初心者ガイド
  2024-10-12 12:15:51
• C の謎を解く: 新人プログラマーのための明確でシンプルな道
  2024-10-11 22:47:31
• コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング
  2024-10-11 19:36:51
• 内なるプログラマーを解き放つ: まったくの初心者のための C
  2024-10-11 15:50:41
• C で生活を自動化する: 初心者向けのスクリプトとツール
  2024-10-11 15:07:41
• PHP を簡単に: Web 開発の最初のステップ
  2024-10-11 14:21:21
• Python で何でも構築: 創造性を解き放つための初心者ガイド
  2024-10-11 12:59:11
• コーディングの鍵: 初心者のための Python の力を解き放つ
  2024-10-11 12:17:31

最新の問題

function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

から 2024-04-29 11:01:01

0

3

2451

Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?

から 2024-04-23 00:22:19

0

11

2596

子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。

から 2024-04-19 15:37:47

0

1

2187

親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');

から 2024-04-18 23:52:34

0

1

2063

CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア

から 2024-04-16 10:10:18

0

0

2165

関連トピック

詳細>

• プリンターのインストールに失敗しました
• コンピュータのIPを確認する方法
• devc++を中国語に変更する方法
• HTMLのスペースコードとは何ですか
• 手段を削除する
• Kafka 消費者グループの役割は何ですか
• navigator.appname
• psで写真のサイズを変更する方法