“内部div”添加了3个像素的底部填充

Question

我的<a>包含<img>。

所有元素都是样式，边框，填充，边距设置为0。

图像的大小是div的大小，如firebug所示。

Firebug显示链接未扩展到img或div的整个大小。相反，它占据了底部的一些空间，并在div下方延伸了3个像素。 我怎么摆脱他们？标签有text-decoration: none;

感谢。

Answer 1

在图片样式中提及display:block

img{
    display:block;
}

updated jsFiddle File