小技巧：CSS列表标签出现问题的解决办法
[ 来路：21kn.com 时间：2007-7-7 21:14: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认为：列表本来就不把序号算在实体内。在实际应用中，应该避免出现这样的问题！
：：：：站长友情提示：多花一分钟学点什么都好：：：：
上一篇：用CSS控制图片自适应大小的方法 下一篇：CSS网页设计中使用背景图片须注意路径问题
= = 免责声明 = =
① 欢迎转载我网所刊信息，请注明“来源：E天下网络”。 ② 凡本网注明“来源：XXX（非E天下网络）”的作品，均转载自其它媒体，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的，请在30日内进行。 ※联系方式：Airtofly@163.com
：：推荐文章：：
：：图像设计：：
Copyright © 2007 21kn.com Inc. All rights reserved.e天下网络工作室
网站白天客服QQ：26875416 (非24小时) 合作QQ：597004688 粤ICP备06026423号
