当前位置：首页 → 问答吧 → ol与float不兼容问题

ol与float不兼容问题

时间：2011-08-14

来源：互联网

ol与float不兼容问题，下面的代码可以在标准浏览器里正常显示，并且有那个数字序列号，为什么在ie下就不会显示了呢？总不会是给隐藏了吧，好像设置了float就没能显示出来了，这是什么原因呢？

<!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=utf-8" /> <title>ol与float</title> <style> body,p,div{margin:0;padding:0;} div{width:620px;margin:auto;border:1px solid red;} .test li{width:50%;float:left;} .clearfix{zoom:1;} .clearfix:after{content:"\0020";display:block;clear:both;height:0;} </style> </head> <body> <div> <p><b>标题</b></p> <ol class="test clearfix"> <li>AAAAA</li> <li>BBBBB</li> <li>CCCCC</li> <li>DDDDD</li> <li>EEEEE</li> <li>FFFFF</li> <li>GGGGG</li> <li>HHHHH</li> </ol> <p><b>内容简介</b></p> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: kkfgef 发布时间: 2011-08-14

在IE9下面好像没啥问题耶

作者: wangjun627 发布时间: 2011-08-15

ol与float不兼容问题

热门阅读

热门下载