將頁腳固定到瀏覽器的底部

Question

即使在垂直滾動時，我們是否可以將頁腳固定到窗口的底部？我已經通過一些例子，但那些從來沒有與垂直滾動工作。

Answer 1

退房的sample及其google code base

Answer 2

這裏是你的CSS

html, body {height:100%;padding:0;margin:0;} 
#footer {position:absolute;bottom:0;left:0;width:100%;background-color:#f00;} 
#scrollingbody {overflow:auto;height:100%;} 

這裏是你的HTML

<div id="scrollingbody">content goes here</div> 
<div id="footer">here is footer</div> 

Answer 3

您可以將底部屬性設置爲0。例：

.footer 
{ 
    background-color:#FFFACD; 
    bottom:0; 
    position:fixed; 
    z-index:250px; 
}