非常に興味深い場所を見つけました。chrome と ie9_html/css_WEB-ITnose より前のバージョンです。

<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 この部分のサイズは

に等しい
ここでの margin-top 設定のサイズ


これをどう説明するか? 。

IE9 ではこの問題は発生しません、IE8 と Chrome でも同じです

ディスカッションに返信 (解決策)

Chrome または IE8 を使用している友人は、2 番目の div の境界線を削除して確認できます違い

2階で他のページを作るときに使いました
でも、その時はなぜかimg srcの画像が表示されませんでした

*{padding:0;margin:0;}を使いました

img{display:inline- block;}

マージン情報を Google で調べてよく見てください。 ！ ！