css - “a inside div”添加了 3 个像素的底部填充

Question

我有一个包含一个<a>包含一个<img>.

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

图片的大小就是div的大小，如firebug中所示。

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

谢谢。

Answer 1

display:block在图像样式中提及

img{
    display:block;
}

更新了 jsFiddle 文件