Css 未正确嵌套DIV标记

我创建了一些

标记，并将其设置为包含两个

标记，它们浮动到

的两侧
当我试图设置背景色时，我注意到包含的

没有正确地环绕它应该包含的

的周围。 我想知道为什么会发生这种情况

---

我在这里看到了一个类似的问题，但没有人解释为什么在任何答案中都会出现这种情况。

当浮动内部div时，会将其从正常的文档流中移除，因此基本上，包含div的内容和高度都没有

您可以通过添加一个：

overflow: hidden;

---

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

浮动内部div时，会将它们从正常的文档流中取出，因此基本上包含的div没有内容，也没有高度

您可以通过添加一个：

overflow: hidden;

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

将

style=“overflow:hidden；width:100%”添加到包含的div

我认为
style=“overflow:hidden；”“
对于大多数浏览者来说已经足够了，我似乎记得一些IE需要设置宽度。
将
style=“overflow:hidden；width:100%”添加到包含的div中

我认为
style=“overflow:hidden；”“
对于大多数浏览者来说已经足够了，我似乎记得一些IE需要设置宽度。
请提供标记。另外，请记住，浮动div没有宽度，您必须显式设置它。@Ben，对我来说似乎是一个非常常见的浮动/文档流问题。请提供可能的重复标记。另外，请记住，浮动div没有宽度，您必须显式设置它。@Ben，对我来说似乎是一个非常常见的浮动/文档流问题。只有在quirksmode中，才有可能重复，并且您不希望这样做。@BalusC，不，在IE6（所有模式）中，元素需要让布局包含其浮动。设置
width
就可以了，不过我更喜欢
zoom:1
。在IE7中，
overflow
已经给出了元素布局。@mercator:噢，我忘了IE6曾经存在过。但是，是的，你是对的：）只有在quirksmode中并且你不想拥有它时才可以。@BalusC，不，在IE6（所有模式）中，元素需要获得布局以包含其浮动。设置
width
就可以了，不过我更喜欢
zoom:1
。在IE7中，
overflow
已经给出了元素布局。@mercator:噢，我忘了IE6曾经存在过。但是，是的，你是对的：）杰罗恩的解决方案很有效。您还可以在内部div下使用空元素，例如
，并在样式表中的clear类中放置clear:both。（如果您的布局存在隐藏溢出问题）@edl，是的，但我更喜欢溢出解决方案为
清除：两个
都倾向于清除不只是包含框。同意：）我也更喜欢溢出解决方案。这取决于具体的应用程序。@edl，当然，对于每种情况都没有灵丹妙药。Jeroen的解决方案效果很好。您还可以在内部div下使用空元素，例如
，并在样式表中的clear类中放置clear:both。（如果您的布局存在隐藏溢出问题）@edl，是的，但我更喜欢溢出解决方案为
清除：两个
都倾向于清除不只是包含框。同意：）我也更喜欢溢出解决方案。这取决于具体的应用程序。@edl，当然，没有什么灵丹妙药适合每种情况。