页脚根据屏幕自动占据高度

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();