html span日期串行,给新闻列表的时间<span>标签加float:right后下移一行的处理方法...

问题描述：

上面的样图是用firebug分析的网页设计师联盟首页的一个新闻列表

可以看到新闻列表的时间是这样处理的

style="float:right">[11-09-11]

但是我们这么去写的话ie浏览器下查看会显示时间下移了一行。

问题原因：

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

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

处理方法：

如果要让新闻title和时间在同一行，要么你把span先于a显示，要么把a也设成float(float:left)

把新闻列表这样写就可以了(时间写在前面)

style="width:500px;background-color:#CCC;">

style="float:right;">[2011-09-12]

这是一条新闻

style="float:right;">[2011-09-12]

这是一条新闻

style="float:right;">[2011-09-12]

这是一条新闻