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

Question

我有列表项，带有span，设置为inline-block并向右浮动。这是结果

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

Answer 1

可以在http://jsfiddle.net/8bR3u/4/

找到所需的修复程序

修复是添加位置：相对于ul并添加位置：绝对和顶部：5px和右：0px到跨度并移除浮动。

解决方案是使用相对绝对定位。有关它的更多信息，请访问http://css-tricks.com/absolute-positioning-inside-relative-positioning/