使整个列表区域可单击

Question

在我的网站上，我在列表中有一些链接。我想知道是否有可能这样做，所以我可以点击整个列表区域，而不是内部链接所在的位置。一个例子是我页面右上角的“帖子”链接。

这是我正在使用的代码： http://jsfiddle.net/spadez/XgSBf/1/

我试图将链接放在列表之外，但这样做不起作用：

<a href=#><li>test</li></a>

Answer 1

编码不好。试试这个：

<li><a href="#" style="display: block">test</a></li>

Answer 2

将display:block添加到a代码

a {
    text-decoration: none; display:block
}

<强> DEMO

Answer 3

将style="display:block"添加到锚标记。添加显示块使这个链接区域可以点击

Answer 4

<li><a style="display:block;" href="some_page.extension">Next</a></li>

而是尝试类似上面的内容。在“列表项”标记中包含该链接，这样就可以使整个区域都可以点击。