ホームページ >ウェブフロントエンド >htmlチュートリアル >非常に興味深い場所を見つけました。chrome と ie9_html/css_WEB-ITnose より前のバージョンです。
非常に興味深い場所を見つけました。chrome と ie9_html/css_WEB-ITnose より前のバージョンです。
- WBOYオリジナル
- 2016-06-21 09:33:30932ブラウズ
<div style="border:1px solid red;width:300px;height:200px;"><div style="border: 1px solid black;background:pink"><h1 style="margin-top: 20px">2</h1></div></div>
2 番目の div に境界線を設定すると、
、この div の背景色は最初の div の上の境界線と重なります
この境界線を設定しない場合は、この div の背景色がdiv will この部分のサイズは
f152e99ed97172e076311323948db230 に等しい
ここでの margin-top 設定のサイズ
これをどう説明するか? 。
IE9 ではこの問題は発生しません、IE8 と Chrome でも同じです
ディスカッションに返信 (解決策)
Chrome または IE8 を使用している友人は、2 番目の div の境界線を削除して確認できます違い
2階で他のページを作るときに使いました
でも、その時はなぜかimg srcの画像が表示されませんでした
*{padding:0;margin:0;}を使いました
img{display:inline- block;}
マージン情報を Google で調べてよく見てください。 ！ ！
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。