Css 使跨度标签覆盖div的整个宽度

我的html结构如下：-

<div>
  <span>
    <a href="wherever">Wherever</a>
  </span>
</div>

---

它适用于firefox和ie，但不适用于chrome。

span

元素是内联的。内联元素自动调整其宽度并忽略

宽度：

表达式

将其设置为块级别：

span {
    display: block;
}

但这基本上只是将span的CSS更改为：

span {
display: block;
}

试试这个：

div{
    padding:0px;
}
span{
    background:#FFF;
    width:100%;
}

---

有两种方法可以解决您的问题

当跨距标记根据其中的内容调整其宽度时。所以为了给这个标签分配宽度，我们将使用float left with width

span{
 background:#FFF;
 width:100%;
 float: left;
}

第二种方法是使用显示块和代码

 span{
 background:#FFF;
 width:100%;
 display: block;
}

---

您可以尝试设置

display:block。但是我认为
span
元素在语义上并不适用于此项工作。为什么不删除span并只设置div的样式呢？宽度：100%非常重要。如果可以的话，我会让你趴下。
 span{
 background:#FFF;
 width:100%;
 display: block;
}