显示：<span>...</span>的内容到了<a>...</a>下一行，这个问题出现在IE8的兼容模式下，E8和火狐都没有问题。
原因：当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥也就是说，你的span是float:right，但是你文本还是float:none。
解决：
1. 把span先于文本显示 ：<li><span style="float:right">2012-05-31</span><a href="http://www.skyhome.cn" title="湛蓝天空">湛蓝天空</a></li>
2. 把文本也设成float：<li><span style="float: left"><a href="http://www.skyhome.cn" title="湛蓝天空">湛蓝天空</a></span><span>2012-05-31</span></li>
除非注明，均为湛蓝天空原创，转载请注明本文网址：http://skyhome.cn/div_css/141.html
