貌似有不少网友遇到过这样一个问题，在做新闻列表页（有标题和发布时间的那种）时，自己对发布日期用了float:right后，日期跑到下面去了，这个问题，我也遇到过，在此分享一下解决办法。
关于这个问题我们先来看一个例子：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN “ “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd “>
<html xmlns= “http://www.w3.org/1999/xhtml “>
<head>
<meta http-equiv= “Content-Type “ content= “text/html; charset=gb2312 “ />
<title> 无标题文档 </title>
<style type= “text/css “>
span{
float: right;
}
</style>
</head>
<body>
<div>
<ul>
<li><a href= ”www.cqouting.com” title=‘文章标题 ‘ target=‘_blank ‘>文章标题</a><span>2010-10-10</span> </li>
</ul>
</div>
</body>
</html>
上面的例子看似没问题，但实际效果是日期往下跑了，出现这个问题的原因是这样的：
当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥，也就是说，你的span是float:right，但是你的a还是float:none;
如果要让两者占据同一行，要么你把span先于a显示，要么把a也设成float（float:left）。
That’s all~
转载请注明带链来源：春语精椿
