ol 下的LI浮动后没有序号BUG
2008-05-31 11:05
169 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<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;
margin-left:20px;padding-left:20px;
} </style>
</head>
<body>
<p>现象:ol下面的li本来是带序号的,
但是要是想让li横向显示让它float:left的话,
它的序号在IE6,IE7中就会显示不出来,
在firefox中显示正常,有序号。</p>
<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>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<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;
margin-left:20px;padding-left:20px;
} </style>
</head>
<body>
<p>现象:ol下面的li本来是带序号的,
但是要是想让li横向显示让它float:left的话,
它的序号在IE6,IE7中就会显示不出来,
在firefox中显示正常,有序号。</p>
<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>
</body>
</html>
相关文章推荐
- ie6-7下的li内有浮动元素后导致多出了4px的高度的bug
- IE6下浮动li下的a标签设置display:block后的BUG
- ie6/7下 li内浮动元素下边距4像素bug解决方案
- ul ol li的序号编号样式
- 【IE6的疯狂之六】li在IE中底部3像素的BUG(增加浮动解决问题)
- li内有div浮动时,li出现4px间距,IE bug的解决方法
- li中浮动元素span等在IE和Firefox中的高度Bug
- IE6下li中span元素右浮动的BUG解决方案(其他的类似)
- IE6/7 浮动li bug
- 【IE6的疯狂之六】li在IE中底部3像素的BUG(增加浮动解决问题)
- IE6下li中span元素右浮动的BUG解决方案(其他的类似)
- IE9<ol>列表序号变0的bug及解决方法
- IE6、7下li元素的子元素为dl,ul,ol时产生的bug
- 在li里插入浮动元素产生的3px的bug
- IE6/7的Bug:纵向排列的li中加浮动元素产生向下3px的空隙
- IE6、7下li元素的子元素为dl,ul,ol时产生的bug
- IE6、7下li元素的子元素为dl,ul,ol时产生的bug
- ie6/7下 li内浮动元素下边距4像素bug解决方案
- ul ol li的序号编号样式
- li 中a标签浮动在ie下造成的bug