html代码:
<ul>
<li><a href="">曹氏集团为王屯乡敬老院送温暖</a><span>2013-4-7</span></li>
<li><a href="">曹氏集团为王屯乡敬老院送温暖阿M</a><span>2013-4-7</span></li>
<li><a href="">限制使用19个字符</a><span>2013-4-7</span></li>
<li><a href="">限制使用6排</a><span>2013-4-7</span></li>
<li><a href="">限制使用6排</a><span>2013-4-7</span></li>
<li><a href="">限制使用6排</a><span>2013-4-7</span></li>
</ul>
效果图:
问题:
给予span标签右浮动以后在谷歌、ie8、火狐下显示正常,在ie6、7下日期掉出一行来。
解决:
让<a></a>左浮动,让<span></span>右浮动,可以在ie6/7下解决问题,但是回到谷歌和火狐当中,又出现下面几行文字“限制使用6排”会挤上去,所以要让<a></a>标签的左浮动只让ie识别,使用ie hack,*float:left,来让<a></a>的左浮动只让ie来识别,别的浏览器不识别,此时问题完美解决