css - 帮助页脚背景图片

Question

可能重复：
如何让页脚留在网页底部？

此页面上的第二个背景图像未正确定位...我正在努力解决...我需要页脚始终位于页面底部。 min-height不起作用，因为无论分辨率如何，我都需要它始终保持在底部。

是否有针对此的 CSS 修复？

-网址已删除-

Answer 1

听起来您正在寻找粘性页脚。

http://ryanfait.com/sticky-footer/

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

Answer 2

你必须设置html并body拥有height:100%;

然后要克服 body 仅填充视口的另一个问题，您需要在所有内容周围放置一个包装器，将其最小高度设置为 100% 并将背景图像放置到该位置。

演示代码： http: //jsfiddle.net/fNwNn/3/
实况：http: //jsfiddle.net/fNwNn/3/show

Answer 3

我想你想要的是position: fixed

试试这个：

#页脚
{
    位置：固定；
    底部：0px；
}

这会将页脚“粘贴”到窗口底部。

詹姆士

Answer 4

看看这是不是你想要的：http: //www.designersandbox.com/code/always-bottom-footer-with-css-only-tutorials/

和一个活生生的例子：

http://demo.designersandbox.com/always_bottom_footer/index.html

---

如果您确实希望页脚能够覆盖页面内容，那么您应该删除此行

#vc-body{padding-bottom:80px;} 

从给定的例子。