小技巧：CSS列表标签出现问题的解决办法

懒散的猫 · 发表于 2007-8-12 10:07

　　DIV CSS网页制作小技巧：li中出现两个以上浮动时列表标记出现问题的解决办法。
　　在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认为：列表本来就不把序号算在实体内。在实际应用中，应该避免出现这样的问题！

帐号		自动登录	找回密码
密码			成为会员