列表不包含其浮动列表项

Question

在以下代码中，未显示ul。这就像李的需要被清除，但我不能这样做，因为我有其他浮动，它会搞乱。为什么ul不包含它的li并且有没有办法让它工作？ （我只在Firefox中测试过它）

<style>
   li { float: left; }
   ul { background: #F00; }
</style>

<ul>
   <li>One</li>
   <li>Two</li>
   <li>Three</li>
</ul>

Answer 1

这很简单：

• 将overflow: auto添加到ul规则。

Live Demo

我不确定你的意思是“但是我不能这样做，因为我还有其它的花车会让你感到困惑” - 你需要展示更多代码并描述你想要的更好一点

Answer 2

我目前无法链接到演示，但我认为将overflow: hidden;添加到ul的CSS应该可以正常工作。