列表不包含浮动列表项目

在下面的代码中ul不显示。这就像李的需要被清除，但我不能这样做，因为我有其他的浮游物，它会搅乱。为什么ul没有包含它的li，并且有办法让它工作？（我只在Firefox中进行了测试）列表不包含浮动列表项目

来源

2011-01-09 Rob

默认情况下，没有容器将环绕浮动项目。这是正常行为，不是ul/li特别的。 – 2011-01-09 22:29:58

这真的很容易：

添加overflow: auto到ul规则。

Live Demo

我不知道你是什么意思“但我不能这样做，因为我有其他的花车，它会惹” - 你需要表现出更多的代码并描述你想要更好一点。

来源

2011-01-09 22:28:18 thirtydot

非常感谢。这似乎有点奇怪，你必须补充一点，这是有原因的吗？我不知道我是否应该清楚：left;某处，但这会弄乱页面上的其他浮动，但现在没有关系，溢出：自动工作完美 – Rob 2011-01-09 22:31:50

原因是一个问题，称为[“清除浮动”]（http://www.google。 COM /搜索？q =结算+浮动）。网上有很多关于它的文章，[这个]（http://www.quirksmode.org/css/clearing.html）看起来像一个明确的解释。 – thirtydot 2011-01-09 22:34:33

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

来源

2011-01-09 22:30:19

列表不包含浮动列表项目

回答

相关问题