DIV标签未正确嵌套

Question

我创建了一些<div>代码，并将其设置为包含两个<div>代码，这些代码会浮动到<div>的两边。
我注意到当我尝试设置背景颜色时，包含<div>的内容没有正确地包裹它应该包含的<div>。 我想知道为什么会这样。

我在这里看到了类似的问题Why are these Div tags not nesting properly?，但没有人解释为什么会在任何答案中发生这种情况。

Answer 1

当你浮动内部div时，你将它们从正常的文档流中取出，所以基本上你包含的div没有内容而没有高度。

您可以通过添加：

来解决此问题

overflow: hidden;

到外部div（只是一种可能的解决方案）。

Answer 2

将style="overflow:hidden;width:100%"添加到包含div

我认为style="overflow:hidden;"对于大多数浏览器来说已经足够了，我似乎记得有些IE需要设置宽度。