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

Question

我现在所拥有的内容显示在这个 jsFiddle 中：一堆浮动lis，每个都包含一个扩展为整体的li链接display: block。

现在，我想做的是在每个链接中添加另一个链接li（在我的例子中是一个关闭按钮）。如下图所示。但我仍然希望广场的整个其余部分都可以点击并像现在一样跟随原始链接。

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

Answer 1

给position: relativeli 元素。然后，将其提供给您的关闭链接：

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

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