CSS：通过设置width属性,链接的宽度不会改变

我有这个结构：

<a onclick="toggle_media_Box(); return false;" href="#" class="media_link">
  <div id="media_link" class="media_link"></div>
</a><br />

#media_link {
  background-image: url("/images/media.png");
}

.media_link {
  width: 445px;
  height: 200px;
}

图片的大小是445px(但是620px).像这样的所有其他链接的大小为620px.

在IE中一切正常,链接大小为445px.但在Firefox和Chrome中,链接仍然是620px宽. div的大小适合445px.

该怎么办？ < a>标签的大小必须为445px.

有趣的是,链接确实悬停到445px的大小,但可点击到620px的大小.

你的约恩.

解决方法

然后< a> tag是内联元素.因此,它的宽度由标签内文本的长度决定.要修复此问题,您可以添加display：block;到.media_link类,它将按预期执行.