ホームページ > 記事 > ウェブフロントエンド > div には img が 1 つだけ含まれているため、div の高さは img 画像の高さより 3px_html/css_WEB-ITnose 高くなります。
div には img が 1 つだけ含まれているため、div の高さは img 画像の高さより 3px_html/css_WEB-ITnose 高くなります。
- WBOYオリジナル
- 2016-06-24 11:39:101058ブラウズ
コードを書いているときにこんな問題に遭遇しました
;/div>
#header {
位置: 相対; 左: 0;
幅: 100%;
上: 0;
}
#header img {
width: 100%;
}
結果を実行したところ、ヘッダーの高さは常に img 画像よりも 3px 大きいことがわかりました。この問題はモバイル側でも PC 側でも発生します。
1. 最初は HTML の問題だと思いましたが、HTML を
< /div> はまだ機能しないため、これは HTML の問題ではない可能性があります。
2. インターネットで情報を検索したところ、img をブロックに設定できることがわかり、問題は解決しました。
3. imgはテキストっぽい要素なので最後に3px多くなります
英語の説明
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。