包含图像的div底部的空格

Question

对于这个小提琴,为什么底部有空格div#imageDiv？

的jsfiddle

<div>
<div>
<div>
    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/SIPI_Jelly_Beans_4.1.07.tiff/lossy-page1-256px-SIPI_Jelly_Beans_4.1.07.tiff.jpg" />      
</div>
</div>
</div>
<div id="text"><div id="inner">text goes here</div></div>        

html {
  line-height: 1.5em;
}
#text {
  background-color: grey;
  margin-top:-7px;
}

​

​

Answer 1

将图像设置为img { display: block; }.并请下次在SO上添加您的代码,以防止链接腐烂,让我们在这里轻松查看您的代码.