Html Div样式没有扩展到Firebug所说的Div扩展到的地方

我有这一页：

它应该让灰色背景一直延伸到页脚下方。如果您在firebug中查看它，它会显示布局div包含许多其他div

所以我不明白为什么灰色背景没有一直延伸下去。有什么想法吗

---

谢谢

我相信，对于div，堆栈彼此重叠。因此，您的背景div可能是灰色的，当您打开下一个div时，可以说它位于它的顶部，这将它放在彩色div的前面。您是否尝试将bg color类应用于布局div中的另一个div，以查看它是否是灰色的？

我相信使用div时，堆栈是相互重叠的。因此，您的背景div可能是灰色的，当您打开下一个div时，可以说它位于它的顶部，这将它放在彩色div的前面。您是否尝试将bg color类应用于布局div中的另一个div以查看它是否是灰色的？

您可以将

溢出：隐藏

添加到容器中以清除它（如果你有孩子）

---

编辑：或将

clear:both

元素作为最后一个子元素作为清除修复。

您可以将

overflow:hidden

添加到容器中以清除它（如果您有float子元素）

编辑：或将

清除：两个
元素作为最后一个子元素作为清除修复。
在
div\layout
的末尾（关闭标记之前）添加

清除：由于浮动的内部div，必须同时添加这两个
。另请参见：.
在
div#layout
末尾（关闭标记之前）添加

清除：由于浮动的内部div，必须同时添加这两个
。另请参见：.
将
溢出：隐藏；
添加到包含的div。这将确保容器将包裹其所有内容

调试时的一个有用提示是在包含元素周围放置一个明亮的边框
border:solid 1px lime；
，以查看它是如何围绕其子内容的。
将
overflow:hidden；
添加到包含div中。这将确保容器将围绕其所有内容

调试时的一个有用提示是在包含元素周围放置一个明亮的边框
border:solid 1px lime；
以查看它是如何围绕其子内容的。
我有点认为，但是当这些内部div关闭时，背景应该恢复为灰色，但即使在页面底部，背景仍然是白色ite，这很奇怪。我有点想，但是当那些内部div被关闭时，背景应该回到灰色，但即使在页面底部，背景仍然是白色，这很奇怪。溢出：隐藏；做了。溢出：隐藏；做了。@GeekedOut在结束标记之前。你把它放在了结束标记之后。我想k带有溢出的解决方案：hidden（如果在#布局中没有绝对元素）更好：）（不要使用没有内容的假div）@GeekedOut在结束标记之前。你把它放在结束标记之后。我认为一个带有溢出的解决方案：隐藏（如果你在#布局中没有绝对元素）更好：）（你不使用没有内容的假div）
#layout{
  overflow:hidden;
}