帮助页脚背景图像

Question

  

可能重复：
  How do you get the footer to stay at the bottom of a Web page?

此页面上的第二张背景图片没有正确定位...我正在努力想出一个修复...我总是需要页脚位于页面底部。 min-height不起作用，因为无论分辨率如何，我都需要它始终保持在底部。

是否有针对此的CSS修复程序？

-URL REMOVED -

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%;

然后要解决身体只填充视口的另一个问题，你需要在你的所有内容周围放置一个包装器，将其最小高度设置为100％并将背景图像放到那里。

演示代码：http://jsfiddle.net/fNwNn/3/
实时视图：http://jsfiddle.net/fNwNn/3/show

Answer 3

我认为你想要的是position: fixed

试试这个：

#footer
{
    position: fixed;
    bottom: 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;} 

来自给定的例子。