溢出：隐藏不适用于浮动？

Question

在这个小提琴中：http://jsfiddle.net/herrturtur/Mem6u/，有一个带溢出的容器div：hidden，以及六个包含向左浮动的div。

在六个div中，我希望在任何时候只能在#container中看到三个div，并且我调整容器的大小并相应地包含div。

然而所有六个div都同时显示。为什么呢？

Answer 1

不确切地知道你想做什么，但是：

div #container {
   width: 520px;
   overflow: hidden;
   height: 1px solid;
}

有两个问题：

• div #container应为div#container（或删除div）。它现在的方式并不适用于container，因为它没有div anscestor
• height: 1px solid;无效

Answer 2

为什么呢？ 浮动元素不在流中，父元素不了解它们。因此，它们浮动在父容器外面

您可以使用clear fix方法来包含浮点数... clearfix

Answer 3

使用floatet元素时，还必须浮动父元素，否则它们会混合在一起。

Set＆＃34;＃container＆＃34;，＆＃34;＃first＆＃34;和＆＃34;＃second＆＃34;也浮动：左，你的问题解决了。