Html 如何使用CSS创建填充页面高度的中间列？

我想创建一个3列布局，中间是所有内容和菜单，另外两个是纯色背景

---

我已经设置了类似的设置，但是中间的列没有延伸到页面的底部。如何将中间的这一列扩展到页面底部？

由于浏览器不支持此问题的大多数纯CSS答案，因此最好经常使用背景图像。创建具有适当大小列的图像，并将其应用于包含页面上所有三列的任何内容。确保图像可以水平重复，即使中间列的大小不正确，图像也会一直重复到页面底部。

此网站对这类事情非常有用：

---

但我认为基本思想是创建一个float:left div，然后创建一个float:right div，然后创建另一个中间div。

需要注意的是，此方法明确地解决了内容列可能没有其他列高的问题。使用浮动将为您提供三列，但要求内容列是最高的，以便一直延伸（然后您的其他列不是全高）。您不是说垂直重复吗？如果没有代码，我们无法真正判断出问题所在。以下是一些有用的链接：