IE 下 ul li float 内容高度不同时浮动问题

‰悔★恨№ · 发表于 2008-7-13 20:25:02

IE 下 ul li float 内容高度不同时浮动问题

<html>
<style type="text/css">
* {
font-size:small;
font-family:Microsoft Yahei;
}
ul {
list-style-type:none;
margin:0px;
padding:0px;
}
ul li {
margin:0px;
padding:0px;
}
ul.items {
overflow:auto;
zoom:1
}
ul.items li {
display:inline;
float:left;
border:1px solid blue;
white-space:nowrap;
}
</style>
<body>
<table border="1"><tr><td width="100">
<ul class="items">
<li>中文</li>
<li>AAA</li>

<li>BBB</li>
<li>CCC</li>
<li>中文</li>
</ul>
</table></tr></td>
</body>
</html>
提示：您可以先修改部分代码再运行

FireFox 下是正常的
IE 下，BBB 会空开一段距离
有什么办法可以解决这个问题么？（不要定义 li 的高度）

蓝色枫叶 · 发表于 2008-7-13 20:25:04

[/url]

QUOTE:
原帖由 独孤求爱 于 2008-5-22 16:04 发表 [url=http://bbs.51js.com/redirect.php?goto=findpost&pid=554446&ptid=78295]

taotao · 发表于 2008-7-13 20:25:10

QUOTE:
原帖由 qinxin 于 2008-5-24 19:27 发表

给你提几个意见哦
1,*不是W3C的标准,因为火狐不支持*号
2,代码不够简化,ul,li{list-style-type:none;margin:0px;padding:0px;}这样不是很好吗
1,*不是W3C的标准,因为火狐不支持*号

QUOTE:
http://www.w3.org/TR/css3-selectors/
Pattern Meaning Described in section First defined in CSS level
* any element Universal selector 2

帐号		自动登录	找回密码
密码			立即注册