Html 溢出：隐藏在浮动上不起作用吗？

在这个fiddle:中，有一个带有overflow:hidden的容器div，以及六个向左浮动的包含div

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

---

但所有六个div同时显示。为什么？

不知道你到底想做什么，但是：

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

有两个问题：

• div#container

  应该是

  div#container

  （或者放下

  div

  ）。现在的方式不适用于

  容器

  ，因为它没有

  div

  anscestor

• 高度：1px实心无效

为什么？ 浮动元素不在流中，父元素不知道它们。因此，它们漂浮在父容器之外

---

您可以使用clear fix方法来包含浮动
使用浮动元素时，还必须浮动父元素，否则它们会一起落下

---

将“#container”、“#first”和“#second”也设置为float:left，问题就解决了。
no。浮动元素在流中。除非父元素具有

溢出设置，否则它们不会压缩到父元素，但这并不是因为它们不在流中。“使用'float'属性，可以将元素声明为在正常元素流之外，然后将其格式化为块级元素。”看是的，元素在正常流之外，但是它们仍然被放置在流中，并且它们会影响正常流动的元素。浮动元素不会浮动在父元素之外，但它可以扩展到父元素之外。不幸的是，容器浮动没有解决这个问题。我更新了小提琴以反映你的建议。