如何在不改变内容顺序的情况下修复IE7右浮动bug

Question

我有列表项,带有跨度,设置为内联块并向右浮动.这是结果

这是jsFiddle的链接:http://jsfiddle.net/8bR3u/.
我已经看到了一些建议,通过将span放在列表项内容的其余部分前面来解决这个问题,但我想要一个不会增加标记的解决方案.谁知道一个？

Answer 1

所需的修复可以在http://jsfiddle.net/8bR3u/4/找到

解决方法是添加position:relative 到ul 并添加position:absolute 和top:5px 和right:0px 到span 并删除浮动。

解决方案是使用相对绝对定位。有关它的更多信息可以在这里找到http://css-tricks.com/absolute-positioning-inside-relative-positioning/