Html 页脚根据屏幕自动获取高度

我正在创建一个网页。如果我减少中间div的内容，我希望我的页脚从屏幕的开始到结束自动增加高度。在此之前，人们询问是否将div压到底，但我希望增加自动高度

在上面的图片中，页脚向上，产生了不好的空白。现在我不希望它撞到底部，我希望它的高度从文档的开始到结尾自动增加

我的footer div代码是

#Footer {
background-color: #933;
height: auto;
width: 100%;
font-family: "Comic Sans MS", cursive;
font-weight: bold;
color: #FFF;
border-top-style: solid;
border-top-color: #000;

}像这样

JS

function autoResizeDiv()
        {
            document.getElementById('Footer').style.height = window.innerHeight +'px';
        }
        window.onresize = autoResizeDiv;
        autoResizeDiv();

像这样

JS

function autoResizeDiv()
        {
            document.getElementById('Footer').style.height = window.innerHeight +'px';
        }
        window.onresize = autoResizeDiv;
        autoResizeDiv();

---

没有；“我不明白，你能说清楚吗？”VIVEkUI在上面的图片中，页脚向上，在页脚的末尾有很多看起来不好的空白。我希望页脚高度自动增加到身体的终点；“我不明白，你能说清楚吗？”VIVEkUI在上面的图片中，页脚向上，在页脚的末尾有很多看起来不好的空白。我希望页脚高度自动增加到主体的端点。