html – 使用display：block进行链接时IE的问题

这是我的 HTML：

<div id="links">
  <a href="">Link 1</a>
  <a href="">Link 2</a>
  <a href="">Link 3</a>
  <a href="">Link 4</a>
</div>

这些是CSS样式：

#links {
    position: absolute;
    border: 1px solid #000;
}

#links a {
    display: block;
}

#links a:hover {
    background-color: #CCC;
}

这显示了链接列表,问题是在IE中,我只能通过直接单击文本链接点击链接,而不是其他浏览器(在任何地方,无论是文本链接还是其他任何地方)因为它在链接块),是否有任何修复(只有CSS,没有javascript)？

请注意,我不想指定链接或div的宽度.

解决方法

将链接文本括在span元素中.然后,它将在其范围内的任何地方接受点击.