首页 > 代码库 > css float样式的换行问题

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>

css float样式的换行问题