现象：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 id="float">    
    <ol>    
    <li>float就没有序号了xxx1x</li>    
    <li>xxx2x</li>  
    <li>xxx3x</li>    
    <li>xxx4x</li>  
    </ol>  
</div>  
<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 id="float"> 
	<ol> 
	<li>float就没有序号了xxx1x</li> 
	<li>xxx2x</li>
	<li>xxx3x</li> 
	<li>xxx4x</li>
	</ol>
</div>
和它的list-style-position没关系。
要解决的话，目前是这样：
让后台程序来生成那个序号，然后用ul还是ol就随便了。

点击数：