html - と隣接する間の不要な空白

Question

HTMLに少し奇妙な問題があります。私はこれまでこの問題を抱えたことはありませんでした。

テストページ： http： //jsfiddle.net/egjJ5/1/

画像と黒いdivの間に空白が表示されます。DTDを取り出すと、正常にレンダリングされます。

HTMLまたはCSSに問題がありますか？

Answer 1

画像はでinline-blockあり、その下のdivはblockです。これを修正する方法はいくつかあります。1つは、この例display: blockのように画像に追加することです。

Answer 2

img 要素をブロック要素にするだけです。

display: block;