<a>标签与其中的<img>标签大小不同

Question

我有以下基本的HTML内容:

<div>
    <a href="...">
        <img src="..." width="81" height="75" ... />
    </a>
</div>

事实上,"A"标签的高度仅为19px,而图像元素的高度设置为75px.

即使我手动将"A"标签的高度设置为75px,它也不会被设置并保持原样.

围绕"A"标签的"DIV"元素获取"IMG"元素的精确尺寸,无需手动或任何地方设置.

浏览器是Chrome,最新版本.

如何正确设置"A"标签的高度,因此它总是覆盖(自动)整个"IMG"元素？

Answer 1

尝试添加display:inline-block的<a>元素.