css - DIV 标签没有正确嵌套

Question

我已经创建了一些 <div>标签并将其设置为包含两个 <div> float 到 <div> 两侧的标签.
我注意到当我尝试设置包含 <div> 的背景颜色时没有正确环绕 <div>它应该包含。我想知道为什么会这样。

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

Answer 1

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

你可以通过添加一个来解决它:

overflow: hidden;

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