DIV标签未正确嵌套

Question

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

我在这里看到了类似的问题为什么这些Div标签没有正确嵌套？但没有人解释为什么在任何答案中都会发生这种情况.

Answer 1

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

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

overflow: hidden;

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