是否溢出：隱藏不能在浮動工作？

在這個小提琴中：http://jsfiddle.net/herrturtur/Mem6u/，有一個帶有溢出的容器div：隱藏，並且六個包含向左浮動的div。是否溢出：隱藏不能在浮動工作？

在六個div中，我只想在#container中隨時看到三個，並且我調整了容器大小並相應地包含了div。

然而，所有六個divs同時顯示。爲什麼？

2012-01-15 lowerkey

並不確切地知道你想要做什麼，而是：

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

有兩個問題：

div #container應div#container（或跌落div）。它現在是不適用的container，因爲它沒有一個div anscestor
height: 1px solid;的方法是無效的

2012-01-15 18:13:11 ori

我想他引用了一個錯誤的jsfiddle修訂:-) – Yoeri 2012-01-15 18:17:13

爲什麼？浮動元素不在流中，父元素不知道它們。正因爲如此，他們漂浮父容器外

可以使用清晰的修復方法包含花車... clearfix

2012-01-15 18:15:48 Yoeri

沒有。流程中的浮動元素*爲*。除非它具有「溢出」設置，否則它們不會被收縮到父元素，但那不是因爲它們不在流中。 – Guffa 2012-01-15 18:27:12

「使用'float'屬性，可以聲明一個元素在正常的元素流之外，然後將其格式化爲塊級元素。」看看[Floating elements]（http://www.w3.org/TR/CSS1/#floating-elements） – Yoeri 2012-02-11 12:50:55

是的，這些元素在* normal *流之外，但是它們仍然放在流中，並且它們影響正常流動的元素。浮動元素不會浮動到父元素之外，但可以在其外部擴展。 – Guffa 2012-02-11 13:26:03

當您使用floatet元素，還必須浮動父元素，或者他們跌倒一起。

將「#container」，「#first」和「#second」設置爲float：left並解決問題。

2012-01-15 19:10:22

不幸的是，問題並沒有通過#container float left解決。我更新了小提琴以反映您的建議。 – lowerkey 2012-01-16 13:19:08

回答