CSS 100%高度，有许多嵌套和浮动div

我正在制作一个由几个嵌套的div组成的布局，理想情况下，我希望内容区域能够扩展屏幕的高度。这很简单，我以前也做过，但不是在这种布局中，我正在努力解决这个问题。我没有粘贴所有的代码，而是将其上传到可以预览的服务器上

任何帮助都会很好。我现在对此束手无策

<百分比>

指定高度百分比。百分比是根据生成的长方体包含块的高度计算的。如果未明确指定包含块的高度，即它取决于内容高度，且该元素未绝对定位，则该值将计算为“自动”

因此，无论何时使用百分比作为高度，元素的包含块都必须有一个明确的高度来考虑。

查看此链接：

它使用更少的DIV，并且会随着内容的填充而扩展。它还将您的图像保留为沿“conent”的边框，我不确定您是否希望它重复

---

但我不想麻烦将页脚推到底。

您到底想要什么，您提供的源代码不清楚。如此多的嵌套div常常导致问题和调试复杂化，更不用说不必要的代码膨胀了。我建议你让你的布局更简单。在布局中使用float也是一种不好的做法。正如普尼特所说，你想要它的具体方式也不清楚，所以你可以给我们更多的细节来帮助你。我希望有从上到下延伸的边界线以及内容分区。我承认这是比我通常更多的分区，我更喜欢使用，但我不太确定如何实现我正在寻找的设计。