【发布时间】：2013-06-18 18:13:22
【问题描述】：
我有一个包含<a> 的<img>。
所有元素都是边框、填充、边距设置为 0 的样式。
图片的大小就是div的大小，如firebug所示。
Firebug 显示链接未扩展到 img 或 div 的整个大小。相反，它在底部占据了一些空间，并在 div 下方扩展了 3 个像素。
我该如何摆脱它们？ a标签有text-decoration: none;
谢谢。
【问题讨论】：
-
请在jsfiddle举个例子
-
然后启动 firefox 并使用 firebug 选择“a”元素。您会看到它在图像下方延伸了 3 个像素。
-
此外，a 元素似乎没有延伸到 firebug 中图像的整个高度，即使整个图像是可点击的。
-
a不是块元素，所以把a{display:block}放在img高度 -> JSFiddle