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;
}

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

**更新**

现在，删除＆gt;在列表样式中，我有：

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

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

Answer 1

IE6不支持子选择器>

使用ul li代替目标。

Answer 2

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

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

.clear {
clear: both; 
}

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

}

列表元素不会在IE6中浮动

2 个答案: