我有一个使用此方法粘贴页脚的页面: 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;}