在扩展的链接列表中添加另一个链接以填充整个li

Question

我现在看到的是in this jsFiddle：一堆浮动的li，每个都包含一个由li扩展到整个display: block的链接。

现在，我想要做的是在每个li内添加另一个链接（在我的例子中是一个关闭按钮）。如下图所示。但我仍然希望广场的其余部分都可以点击，并按照原来的链接进行操作。

实现这一目标的最佳方法是什么？

Answer 1

将position: relative提供给li元素。然后，将此链接到您的密切链接：

.close {
    position: absolute;
    top: 5px;
    right: 5px;
}

演示：http://jsfiddle.net/965zT/3/