css - 使 span 标签覆盖整个 div 宽度

Question

我有以下 html 结构:-

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

如果我想让 span 覆盖整个 div 的宽度，我该如何在 chrome 中做到这一点？

我尝试在 css 中使用

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

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

Answer 1

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

使其成为 block 级:

span {
    display: block;
}

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