制作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>.