css使用float:right后内容下移换行的问题原因及解决方案

有不少网友反应自己用了float:right后内容跑到下面去了，关于这个问题我们先来看一个例子：

无标题文档

span{
float: right;
}

文章标题 (2008-10-17 9:30:00)

上面的例子看似没问题，但实际效果是日期往下跑了，出现这个问题的原因是这样的：

当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥

也就是说，你的span是float:right，但是你的a还是float:none

如果要让两者占据同一行，要么你把span先于a显示，要么把a也设成float（float:left）

好了，说到这大家应该恍然大悟了吧，呵呵！