対処法へ 表示比較 ボックス内にimg要素を配置した時の余白 img要素をボックス内に配置した場合、画像下部の余白の有無に違いが生じます (margin,padding共に「0」が指定されていても)。 img要素以外でも同様の症状が生じる置換要素があります。 以下に比較のためのサンプルソースと、表示比較を記します。 親要素のタグとimg要素のタグの間に改行がない場合 サンプルソース <html> <head> <style type="text/css"> body{ margin:0; padding:0; background:url("./grid.gif") repeat; } p{ margin:0; padding:0; background-color:orange; } img{ margin:0; padding:0; } </style> </head> <body>