我一直使用以下代码使 <a> 链接填充其容器的内容。chrome 和 IE 现在都显示 <a> 链接内容的大小。
我已经尝试过明确的像素高度和重要标签,但 chrome 仍然坚持使链接成为内容的大小。该链接没有内容,因此显示为 0px 高度和宽度。
这就是我制作块超链接的方式?
HTML
<div class="mydiv">
<a href="#"></a>
</div>
CSS
.mydiv {
height: 50px;
width: 50px;
display: block;
}
.mydiv a {
height: 100%;
width: 100%;
display: block;
}