一个不需要的空格 <img> 和相邻的 <div>

Question

I'm having a little bit weird problem with my HTML. I never had this problem before.

test page: http://jsfiddle.net/egjJ5/1/

I see white space between the image and the black div. When I take out DTD, it renders fine.

Do i have a problem with my html or css?

Answer 1

The image is an inline-block and the div underneath it is a block . There are several ways you could fix this. One would be to add display: block to the image as in this example .

Answer 2

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

display: block;