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

像这样

DEMO

JS

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