解决CSS中float:right后右对齐换行问题

◆问题

在Chrome、Firefox下这个问题没有出现，但是在IE下就会出现，日期另起一行了（不再一行里）。

◆原因分析

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

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

把span先于文本显示，即：

<div1 style1="width:300px;margin-top:8px;">  

<span1 style1="float:right;">2010-08-09</span1>

标题标题标题标题标题

</div1>  

或者把文本也设成float：

<div1 style="width:300px;margin-top:8px;"> 

<span1 style="float:left;"> 标题标题标题标题标题</span1> 

<span1 style="float:right;">2010-08-09</span1> 

<span1 style="clear:both;"></span1>

</div1> 

打赏

感谢支持与鼓励～