页脚位置

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; 
}