css - 相对定位的 parent 中的相对定位的 child 在 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。 float 也是其中的一个因素。

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