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

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

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



QUOTE:
原帖由 独孤求爱 于 2008-5-22 16:04 发表 http://bbs.51js.com/images/common/back.gif

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

QUOTE:
原帖由 qinxin 于 2008-5-24 19:27 发表 http://bbs.51js.com/images/common/back.gif
给你提几个意见哦
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
页: [1]
查看完整版本: IE 下 ul li float 内容高度不同时浮动问题