IE7浮动错误解决方法？

Question

我有以下HTML：

<div><span>left</span><span style="float:right;">right</span></div> 

出于某种原因，浮动：正确的，漂浮到右，但下降1个太行。为什么会发生这种情况，是否有解决方法？

这里是展示它的行动的jsfiddle：http://jsfiddle.net/CxaW6/

但它只会显示的bug，如果你正在寻找通过IE7的链接。

Answer 1

让另一个跨度浮动左边将解决这个问题。

<div><span style="float:left;">left</span><span style="float:right;">right</span></div> 

通常span被视为内联元素。 IE7似乎以不同的方式处理它们，因此将第一个跨度的宽度（在布局过程中）扩展到100％。在这种情况下，此行中没有足够的空间用于其他跨度，因此它将被包装到下一行。

Answer 2

将第一个跨度浮动到左侧，或者将第一个跨度浮动到右侧并从第二个跨度中移除浮动属性。

Answer 3

您可以使用float: left（我的首选解决方案）将明确留下的跨度浮动起来，也可以先将浮动跨度放在标记中。问题在于IE7给出了第一个跨度的虚拟全宽，导致第二个跨度在“下一行”上呈现。