css float样式的换行问题

在Chrome、Firefox下这个问题没有出现，但是在IE下就会出现，另起一行了。

问题原因是：

当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥也就是说，你的span是float:right，但是你文本还是float:none。

如果要让两者在同一行的话，有两种方法。

1.将span标签写在文本的前面

<span style="float:right;">文本二</span>文本一

2.文本的样式也为float

<span style="float:left">文本一</span><span style="float:right;">文本二</span><span style="clear:both;"></span>

转载于:https://www.cnblogs.com/xunfang123/p/4244385.html