制作span标签覆盖div的整个宽度

Question

我有以下html结构： -

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

如果我希望跨度覆盖div的整个宽度，我该如何在chrome中执行此操作？

我在css中尝试使用

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

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

Answer 1

span元素是内联的。内联元素会自动调整其宽度，并忽略您的width:表达式。

使其成为块级别：

span {
    display: block;
}

但它基本上只是一个<div>。

Answer 2

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

当span标签根据其中的内容调整其宽度。因此，要为此标记指定宽度，我们将使用float left with width。

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

secod方式是使用带代码的显示块

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

Answer 3

将span的CSS更改为：

span {
display: block;
}

Answer 4

试试这个：

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