html4
<ol>
<li>
<a href="#" id="titleLink">Web前端开发之HTML+CSS基础入门</a>
<span id="time">2015年10月一日</span>
</li>
<ol>
CSS:
#time{
float: right;
}
结果:
span标签无法向右对齐,float属性没效果。
原因:当非float元素和float元素在一起的时候,假如非float元素在前,那么float元素将被排拆,所以,即使span是float:right,但文本显示是float:none,所以span将被排斥。
解决办法:将span标签提前,放到a标签前,css样式不变即可。