html - 这些图像中的额外空间来自哪里？

Question

我在各种浏览器中都遇到了一个问题。

我有一个带有图像的 div，每个图像都在一个包装器中 http://jsfiddle.net/QnVYL/ .包装器具有 1 像素的边框和 5 像素的填充。内部图像的大小为 100% 宽度。

但是，由于某种原因，图像底部与其包装器底部之间的距离超过 5px。看到填充在图像的所有边上看起来是如何相等的吗？似乎从某处添加了 3 个像素。 Firebug 不让我知道从哪里来。

我怎样才能摆脱空间？我不能使用绝对定位来伪造填充，因为我还不确定我是否始终知道图像的确切高度。

非常感谢您的帮助!

Answer 1

这是一个已知问题。尝试:

img {
    display: block;
}