我的页脚粘在博客整个页面底部时遇到了问题。我遇到两个问题。首先，如果我使用position:absolute页脚上升到主要博客页面的中间位置。如果我单独留下它，它会粘在底部，但在博客的整个页面上升到中间。页脚是我一直遇到的问题。
这是我目前的页脚CSS样式
footer {
text-align: left;
background-color: #f4f4f4;
padding-top: 40px;
padding-bottom: 40px;
z-index: 1;
bottom:0;
width:100%;
}
以下是指向http://pixelogicblog.tumblr.com/post/41025998534/tes-post
页面的链接答案 0 :(得分：2)
使用CSS检查粘性页脚解决方案：
http://ryanfait.com/sticky-footer/
您的页脚仅位于页面中间position: absolute的原因是您没有在body和html元素上设置最小高度。如果没有它，身体只会占用你内容的空间 - 然后页脚与底部对齐，而不是窗口的底部。
尝试将此添加到CSS中，使其至少占用窗口的高度：
html, body {
min-height: 100%;
}
答案 1 :(得分：1)
你见过这个吗？
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
跨浏览器（IE6 +也），易于理解。
巧合的是，您当前的页脚未显示在页面底部，因为其位置设置为relative，将其位置设置为absolute，并且它将位于页面底部（只要页面不长于视口）。相对定位仅设置相对于正常位置的元素位置，例如，如果在bottom: -10px元素上设置footer，那么它将比原本要低10个像素（希望我那里有意义！）
如果您绝对定位某些内容，则它绝对定位于正文标记或位置设置为relative的下一个最近的父级（正如我所理解的那样）
答案 2 :(得分：0)
将位置设为绝对
position:absolute;