页脚自动根据屏幕高度

我正在创建一个网页。我希望我的页脚自动增加高度，从他的开始到屏幕的末端，如果我减少中间div的内容。在人们询问关于阻止div底部，但我想增加自动高度。页脚自动根据屏幕高度

enter image description here

在该上部图像页脚上升和产生空的空间未good.Now我不希望它stucks至底部我想其高度从其起始自动提高到文档的结束。

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

}

来源

2013-08-17 Shikhil Bhalla

没有让你能说清楚。 –

@VIVEkUI在上部pic页脚上升，页尾结束后有很多不好看的空白空间。我希望页脚高度自动增加到主体的终点。 –

像这样

DEMO

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

来源

2013-08-17 12:00:23 falguni

完成它并且body {overflow：hidden}也是需要的 –

页脚自动根据屏幕高度

回答

相关问题