现象：ol下面的li本来是带序号的，但是要是想让li横向显示让它float:left的话，它的序号在IE6,IE7中就会显示不出来，在firefox中显示正常，有序号。演示代码如下：<style type="text/css">#nofloat li{border:1px solid red;background:#eee;margin:10px;}#float li{float:left;border:1px solid red;background:#eee;margin:10px;}</style><div id="nofloat"> <ol> <li>不float序号是没有问题的xxx1x</li> <li>xxx2x</li><li>xxx3x</li> <li>xxx4x</li></ol> </div> <div class="cupage"> </div> <!--操作--> <div class="actbar"> <span>[<a href="/plus/stow.php?arcID=5682">收藏</a>]</span> <span>[<a href="/plus/recommend.php?arcID=5682">推荐</a>]</span> <span>[<a href="/plus/feedback.php?arcID=5682">评论</a>]</span> <span>[<a href="#" onClick="window.print();">打印</a>]</span> <span>[<a href="#" onClick="window.close();">关闭</a>]</span> </div> <!--上下文--> <div class="context"> <div id='digg5682' class='diggArea'> <div class='diggNum'>0</div> <div class="diggLink"><a href="javascript:Digg('digg',5682);">顶一下</a></div> </div> <div style="float:left; margin-left:20px;"> 上一篇：<a href='/html/css/20080115/5681.html'>发布一个供初学者练手的作业需求</a> <br /> 下一篇：<a href='/html/css/20080115/5683.html'>IE6 Peekaboo(躲躲猫) Bug</a> </div> </div> <div class="floatclear"><!--清除浮动--></div> </div> <!--评论--> <div class="comment"> <!--评论:标题--> <div class="commenttitle"> <div class="title"><strong>最新评论</strong>共有 0 位网友发表了评论 </div> <div class="gotopost"><a href="/plus/feedback.php?arcID=5682">查看所有评论</a></div> </div> <!--评论内容--> <div class="commentbox"> <script src="/plus/feedback_js.php?arcID=5682"></script> </div> <!--发表评论:标题--> <div class="posttitle"><strong>发表评论</strong></div> <!--发表评论--> <form action="/plus/feedback.php?action=send" method="post" name="feedback"> <input type="hidden" name="arcID" value="5682"> <div class="postbox"> <div class="txtbox"> <strong>评论内容：</strong>不能超过250字，需审核，请自觉遵守互联网相关政策法规。 <textarea name="msg" cols="60" rows="6">
