頁腳位置

Question

我有一個頁腳，我總是希望在底部是這樣的：

它必須在所有時間的底部。我認爲正確的方式做，這是用CSS：

#generated_footer_date { 
color:#ffffff; 
width:100%; 
background-color:rgba(0, 0, 0, 0.6); 
text-align:center; 
padding-top:15px; 
height:50px; 
font-family: 'Raleway', sans-serif; 
position:absolute; 
right: 0; 
bottom: 0; 
left: 0; 
margin-top:100px; 
} 

但現在當我點擊生成它顯示這使得網頁不再是網頁和

上的數據當我屬點擊te頁面變長，但頁腳停留在自己的位置，看起來像這樣。我想我可以用jquery解決這個問題。如果我點擊按鈕，我可以改變頁腳的位置從絕對到相對，然後它會工作，但我可以用CSS做到這一點？

Answer 1

試試看：

footer{ 
    position: fixed; 
    bottom: 0 
} 

Answer 2

嘗試從position: absolute;更改爲position: fixed;

#generated_footer_date { 
    color:#ffffff; 
    width:100%; 
    background-color:rgba(0, 0, 0, 0.6); 
    text-align:center; 
    padding-top:15px; 
    height:50px; 
    font-family: 'Raleway', sans-serif; 
    position: fixed; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    margin-top:100px; 
}