新闻列表布局中ie6的变态

要布局一个新闻列表，如下：

可以这么布局：

<ul>
<li>.<a href="#">2014年全国一级建造师考试报名条件</a><span>2013-5-12</span></li>
<li>.<a href="#">上海2012年3月份会计从业资格考试成绩</a><span>2013-5-12</span></li>
<li>.<a href="#">青海2013年经济师考试资格复审通知发</a><span>2013-5-12</span></li>
</ul>

css:

#contain_left .blo2_news ul{padding:0 10px;}

#contain_left .blo2_news ul li{height:25px;line-height:25px;font-size:14px;overflow:hidden;}

#contain_left .blo2_news ul li span{float:right;color:#999;}
#contain_left .blo2_ban{padding:10px 0;clear:both;}

这样写兼容标准浏览器及ie789,唯独ie6例外。后面改成：

<li><span>2013-5-12</span>.<a href="#">2014年全国一级建造师考试报名条件</a></li>
<li><span>2013-5-12</span>.<a href="#">上海2012年3月份会计从业资格考试成绩</a></li>
<li><span>2013-5-12</span>.<a href="#">青海2013年经济师考试资格复审通知发</a></li>

就能 兼容Ie6了。把右浮动的元素放前面即可。

新闻列表布局中ie6的变态,布布扣,bubuko.com

新闻列表布局中ie6的变态

原文：http://www.cnblogs.com/jiaojiaome/p/3615358.html