html - 如何使整个列表项可点击

Question

我想知道如何让整个列表项都可以点击，而不仅仅是单词。在我的列表中，我只能点击单词。我怎样才能把整个列表区域变成一个链接？我有一个列表，其中包含一个链接，但我希望您能够单击列表区域内的任意位置以进行重定向。谢谢。

我是这个网站的新手，所以如果我问错了，我很抱歉。

Answer 1

需要把 anchor 标签做成 block 元素，让它控制列表项的高度

这是一个示例:

HTML:

<ul>
    <li>
        <a href="#">click me!</a>
    </li>
</ul>

CSS:

ul {
    width:200px;
    padding:0px;
    margin:0px;
    list-style:none;
}
li {
    width:100%;
    background:green;
    position: relative;
}
li a {
display:block;
    height:50px;
}

jsfiddle: http://jsfiddle.net/24ELw/