在相对定位的父级中相对定位的子级在IE7中消失

Question

这是我的代码：

<ul style="list-style: none; position: relative;">
    <li style="float: left;"><span style="position: relative; left: 5px; ">one</span></li>
    <li style="float: left;"><span>two</span></li>
    <li style="float: left;"><span>three</span></li>
</ul>

所有li元素都包含span，但第一个元素是唯一不同的元素，它们位于相对位置。

所有浏览器都可以，但只有IE6 \ 7导致第一个跨度消失 - 这是我的问题。

Answer 1

如果必须要求位置亲属，请将float更改为inline-block。浮动也是这个因素。

http://jsfiddle.net/zRYqh/5/