<img/>和相邻<div> </div>之间的不需要的空格

Question

我的HTML有点奇怪的问题。我之前从未遇到过这个问题。

测试页：http://jsfiddle.net/egjJ5/1/

我看到图像和黑色div之间的空白区域。当我拿出DTD时，渲染效果很好。

我的html或css有问题吗？

Answer 1

图片为inline-block，其下方的div为block。有几种方法可以解决这个问题。一种方法是将display: block添加到图像中，如this example。

Answer 2

只需将img元素设为块元素：

display: block;