CSS位置问题：相对位置：绝对孩子

Question

通常我会做这种事情，但今天它正在困扰我。

请参阅JSbin的this页面。

基本上我正在做的是

• 有一个无序项目列表
• 他们都有链接
• jQuery遍历并在列表项中创建一个额外的链接，使用CSS扩展到整个列表项
• 这为用户提供了更大的点击次数

出于某种原因，尽管父母有position: relative，但子链接似乎是来自父级的。

我做错了什么？非常感谢。

Answer 1

您的问题是父<li>是内联框。

要修复它，replace display: inline-box with float: left。

Answer 2

我删除了display: -moz-inline-box;，效果很好！