html - 列表元素在 IE6 中不浮动

Question

我已经在网络上看到这个问题很多次了，但到目前为止一切都是基于<li><a>Test</a></li>等等。

我想要做的，只是：

<ul>
<li class="title">Test</li>
<li>Test2</li> ** These should float together on the same line **
<li class="title clear">Test</li> ** New Line **
<li>Test2</li>
</ul>

这对我来说对我来说很好，除了 IE6，它把列表元素放在单独的行上。

可以在这里找到一个 jsFiddle：http: //jsfiddle.net/pjWdg/

请在 IE6 上查看以注意错误，其他所有浏览器都可以正常工作。

我试过了：

ul, ul li {
    list-style: none;
    padding:0px;
    margin:0px;
}

.clear {
   clear: both;
}

li.title {
   width: 200px;
}

ul > li {
    float: left;
}

我也试过：

ul > li {
    display: inline;
}

一切都没有成功。任何人都可以阐明我如何才能完成这项工作吗？谢谢！

** 更新 **

现在，在列表样式中删除 > 之后，我得到了：

http://jsfiddle.net/pjWdg/1/

您仍然可以看到这是错误的，Test2 出现在 Test3 旁边？

Answer 1

IE6 不支持子选择器>

用于ul li定位你的 li。

Answer 2

在您的样式表中尝试这些更改。

ul, ul li {
list-style: none;
padding:0px;
margin:0px;
}

.clear {
clear: both; 
}

li.title {
 width: 200px;
  float:left;

}