为什么在下面的代码div的高度大于img的高度?图像下方有一个空白，但它似乎不是填充/边距。
图像下方的空隙或额外空间是什么?
#包装{ 边框:1px纯红色; 宽度:200 px; ｝ img { 宽度:200 px; ｝ < div id = "包装" > <img src="http://i.imgur.com/RECDV24.jpg" /> < / div >
当前回答
我使用line-height:0，这对我来说很好。
其他回答
我只是添加了float:left到div，它起作用了
我使用line-height:0，这对我来说很好。
你也可以取消父行高:
#wrapper {
line-height: 0;
}
所有修复:http://jsfiddle.net/FaPFv/
本文中建议的另一个选项是将图像的样式设置为style="display: block;"
你也可以设置overflow: hidden;对于容器，将图像的高度增加到> 100%。高度:100%;
