问题描述:
上面的样图是用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]
这是一条新闻