頁腳自動根據屏幕高度

我正在創建一個網頁。我希望我的頁腳自動增加高度，從他的開始到屏幕的末端，如果我減少中間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}也是需要的 –

頁腳自動根據屏幕高度

回答

相關問題