CSS浮动子分区问题

我在玩一个浮动div示例，其中有一个浮动容器和一些浮动子div，只有一个非浮动子div

你可以看到上面的例子

现在我想了解这个非浮动子分区的行为或渲染

2个问题：

请您解释一下它当前是如何呈现的，如果我在所有子div之后对它进行编码（即，它是最后一个子元素），会有什么区别

如果我将容器设置为overflow:hidden，它会对非浮动子容器产生任何影响吗

答复1

此时，顶部带有红色边框的未浮动的

div

正显示

block

，因此它跨越了包含

div

的整个宽度。它不受包含元素中其他

div

的影响

如果将其移动到包含

div

中的最后一个位置，则另一个浮动的

div

确实会影响未浮动的div，因此需要

清除：两者CSS

（清除浮动并将未浮动的

div

放置在浮动的

div

下），否则未浮动的div中包含的任何文本都将浮动到左侧，然后继续环绕浮动的元素（由于文本不够长，目前不会这样做）。除非这就是你想要达到的目标

答复2

它不应该有任何区别，因为实际上没有任何东西溢出包含的

div

，该div将被设置为

overflow:hidden

希望这对答案有很大帮助。
Thx…但如果您能提供更简单的细节，以便我能够理解，那就太好了…还有两个单独的部分/问题。.这是一个非常简洁的解释，说明了在这个特定示例中发生的情况。。。如果您在理解浮动如何工作方面遇到困难，您可能需要阅读一些更深入的解释。