我有一个使用这种方法有一个粘页脚的页面：http: //matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
该页面是通过 Javascript 动态创建的，除了 IE6 之外，所有浏览器都可以完美地使用我的粘性页脚（不幸的是我必须支持这个愚蠢的浏览器）。页脚位于窗口底部并停留在那里（页面超出窗口大小），因此当您滚动时，页脚停留在中心。
这是我的置顶页脚的相关 html 代码：
<div class="container">
<div class="header">...</div>
<div class="navigation">...</div>
<div class="main">...</div>
<div class="footer">...</div>
</div>
CSS：
html, body { height:100%; }
.container { min-height:100%; position:relative; }
.main { padding-bottom:50px; }
.footer { padding:10px 0; position:absolute; bottom:0; width:100%; background:#ffffff; height:22px; line-height:22px; }
.ie6 .container { height:100%; zoom:1;}