我有以下基本HTML内容：
<div>
<a href="...">
<img src="..." width="81" height="75" ... />
</a>
</div>
事实上，＆＃34; A＆＃34; tag只有19px，而image元素设置为75px。
即使我设定了＆＃34; A＆＃34;手动标记到75px，它没有设置并保持不变。
＆＃34; DIV＆＃34;围绕＆＃34; A＆＃34;标签获取＆＃34; IMG＆＃34;的确切尺寸元素，无需手动或任何地方设置。
浏览器是Chrome，最新版本。
如何设置＆＃34; A＆＃34;的高度？标签正确，所以它总是覆盖（自动）整个＆＃34; IMG＆＃34;元件??
答案 0 :(得分：10)
尝试将display:inline-block添加到<a>元素。
答案 1 :(得分：1)
如果WHERE 1声明还不够，请检查inline-block…
line-height答案 2 :(得分：0)
像这样修改你的代码（添加id s）：
<div>
<a href="..." id="link">
<img id="img" src="..." width="81" height="75" ... />
</a>
</div>
试试这个javascript
document.getElementById("link").style.height=document.getElementById("img").height+"px";
答案 3 :(得分：0)
在下面的链接中查看此演示
这里工作正常
实际图像尺寸为734 * 459仍在工作。
<div >
<a href="#" >
<img src="http://i.telegraph.co.uk/multimedia/archive/02369/potd-dummy-gull_2369858k.jpg" width="81" height="75"/>
</a>
答案 4 :(得分：0)
对我有用的是在锚标记中添加z-index。
position: absolute;
z-index: 2
答案 5 :(得分：0)
我在这里尝试了每种答案的组合，但是我不得不将“ a”块中的行高和图像块中的垂直对齐相结合。
<a href="#" style="line-height: 1;">
<img id="myimage" src="path" style="vertical-align: bottom;"/>
</a>