继承子节点的高度（A中的IMG）

Question

我的<a>标签上有一个奇特的CSS。将<img>置于链接内部会使图像粘在<a>块之外，即使它仍然可以点击，它看起来很愚蠢。

将<a>更改为display:block或float:left会修复此问题，但会产生不良的非 - 效果。

我怎样才能克服这个？

http://jsfiddle.net/z5gdA/2/

Answer 1

inline-block将解决问题，但它不适用于IE。

http://jsfiddle.net/dbugger/z5gdA/3/

Answer 2

尝试将<a>设为display: inline-block。这应该适用于大多数浏览器。

Answer 3

使用像素作为图像高度，而不是“em”。