html - 页脚根据屏幕自动取高度

Question

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

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

我的页脚 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;

}

Answer 1

像这样

演示

JS

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