自動CSS高度

Question

我的網站頁腳有問題。據推測，它是在頁面內容之後呈現的，但是當頁面的內容小於瀏覽器的高度時，會很惱人地看到頁面中間的內容。

我正在手動更正此行爲，將頁腳設置爲position:absolute; bottom:0，但這樣做會在內容大於瀏覽器高度時打破頁腳。有什麼方法可以自動執行此操作？

該內容只是一個div，沒有崇尚風格，通常，頁腳是position:relative; bottom:0。該網站可以在這裏看到：http://vestibulandos.oplex.com.br

謝謝。

Answer 1

看一看http://www.cssstickyfooter.com/

Answer 2

.wrapper { 
margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */ 
 } 
  
/* FOOTER BOTTOM --------------------------------------------------------*/ 
  
.footer, .push { 
    height: 60px; /* .push must be the same height as .footer */ 
} 
  
#footer{ 
    position: relative; 
    width: 100%; 
    height: 60px; 
}