要布局一个新闻列表,如下:
可以这么布局:
<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了。把右浮动的元素放前面即可。