Html 使用缩放到100%高度且不'；t使用调整大小的窗口填充背景色

我的项目有问题。我有一个3栏的网页。使用缩放到100%高度的div。当我在全屏上加载页面时，它工作，我的三列缩放到100%（填充了背景颜色），但是当页面被调整到小窗口时出现问题，中间列中的所有内容缩小，滚动条看起来可以查看其余内容，但是我的所有div都没有填充背景颜色。颜色仅填充到视图端口尺寸，这是100%高应该做的。我如何才能得到这样的结果，使我不仅能够将bg颜色填充到现有的视图端口维度，而且能够填充到文档的其余部分。这里有一个指向我的项目的链接

将页面高度设置为100%

.parent {
    height: 100%
}

此外，如果您使用的是浮动，则需要按如下方式清除它们：

<div style="clear:both;"></div>

Oops，我指的是父类。没有帮助，它只将这个类的div扩展到100%可见屏幕大小，仅此而已。我的目标是将divs扩展到100%的html文档大小。我可以看到，在一个调整大小的小窗口中，我的div没有填充颜色，因为我使用了100%的高度，这意味着100%的可见屏幕大小。