在LI中定义了两个以上float浮动,其中有一个左浮动。IE中列表标记跑到右边,ff中自己定义一行。看下面的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> ol {list-style:inside;} span {display:block; float:left; margin:0 6px;} </style> </head> <body> <ol> <li><span><a href="#">文字</a></span><span><a href="#">文字</a></span><span><a href="#">文字</a></span></li> </ol> </body> </html>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
列表的LI在IE中,定了宽后,序号就变为1;定了浮动后,就没有了序号,FF却不同。IE认为:列表本来就不把序号算在实体内。在实际应用中,应该避免出现这样的问题!