做一个链接有100％的宽度

我有一个Xpx宽的盒子。 在它里面我有一个列表（ <ul> ）和链接元素（ <li><a ..></a><li> ）

我如何使用CSS使链接可点击文本之外和框的100％宽度。 D.使每一行可点击：D

Answer 1

添加display: block到你a标签。

Answer 2

我同意斯科特，但我会推荐这个代码：

 a { display: inline-block; width: 100%; } 

或者这个代码：

 <ul> <li><a href="topage" style="display: inline-block">text</a></li> </ul> 

我推荐使用display: inline-block因为display: block会使<a>元素出现在其行中。 （在这种情况下，两者都可以， 但不是在所有情况下 ）

编辑 ：看来， width:100%没有被引用。 感谢@LGSon的评论！