Html 包装器div背景不会超过初始浏览器窗口大小

我正在一个网站上工作，试图获得我的设计的基本框架，使我能够添加内容，并让它将div扩展到内容的长度。我的问题是，页面加载后，它似乎只显示初始浏览器窗口大小的div的背景色。。我解释得不是很好；老实说，因为我不确定问题出在哪里，我只知道它工作不正常

---

谢谢

问题是您在

#fauxcolumns

中浮动了未清除的元素。解决办法是清除它们

最简单的方法是将溢出：隐藏添加到

#fauxcolumns

，如下所示：

#fauxcolumns {
    ...
    overflow: hidden;
    ...
}

如果要查看选项，此问题将显示其他清除方法：

您也不需要在所有内容上都使用

height:100%

，而且绝对不需要在

#fauxcolumns

上，因为它会剪辑“折叠”下方的内容。

在

#fauxcolumns

中，您声明了

height:100%

。任何时候元素使用百分比值，它都是相对于它们的容器的。因此，在

#fauxcolumns

上设置

高度：100%

，会产生与浏览器窗口高度相等的高度。这就是为什么你的div会切断它的部分原因。删除高度：100%是允许高度增长到内容大小的第一步

这不起作用的另一个原因是，您在

#fauxcolumns

中浮动了未清除的元素。我看不出有什么理由首先需要将它们浮动，但如果需要，添加

overflow:hidden

将确保您和容器包装这些元素

---

总而言之，删除此

高度：100%

声明并添加

溢出：隐藏
新年决心。。。输入速度更快；）这肯定会修复它，但我希望整个页面滚动到实际显示包装的白色背景的第三行；这就是我遇到的问题：/<代码>溢出：隐藏
将允许您执行此操作。你能告诉我们你看到了什么吗？如果我删除
height:100%
并将
overflow:hidden
添加到
#fauxcolumns
。啊，刚才去掉了height:100%'s，现在我有了第三排，谢谢卢克！）现在是研究溢出属性的时候了，这样就不会再发生这种情况了。。