1

我一直使用以下代码使 <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;
}
4

4 回答 4

1

你的意思是:这个

html:

<div class="abc">
  <a href="#"></a>
</div>

CSS:

.abc {
height: 50px;
width: 50px;
display: block;
border-style:solid;
border-width:3px;
}
.div a {
height: 100%;
width: 100%;
display: block;
}

只需为 div 定义一个类并根据需要链接和设置样式。

于 2013-03-18T11:21:23.550 回答
1

在这里你去 - 在 Chrome 和 IE 中测试并在两者中工作:

这是HTML:

<div class="abc">
    <a href="http://www.google.com"></a>
</div>

和CSS:

div.abc { display:block ;
    width:200px ;
    height:50px ;
    background:blue ;
}

.abc a { display:block ;
    width:100% ;
    height:100% ;
}

您可以在 div.abc 中编辑高度和宽度,超文本链接将相应调整。

演示在这里:http: //jsfiddle.net/PRZaX/

于 2013-03-18T11:30:55.237 回答
0

您应该.从 div 中删除 . 是类名的选择器,这里你写的是直接的风格div

div {
height: 50px;
width: 50px;
display: block; background:red
}
div a {
height: 100%;
width: 100%;
display: block;
}

演示

于 2013-03-18T11:14:22.363 回答
0

我认为您应该从 Chrome 和 IE 的版本以及您的操作系统开始,而您提供的代码片段可以作为一种魅力。

我知道,旧版本的 IE 在将锚点显示为块时存在一些问题,修复它的正确方法是设置假背景,例如:background: url(/);,但我很确定情况并非如此。

如果您有任何其他样式表应用于您的页面,请提供信息。

于 2013-03-18T11:38:57.330 回答