设置高度内容，页脚扩展浏览器高度的其余部分

Question

所以我知道第一个想法是“Sticky Footer”，但事实并非如此。它是页脚高度的变量。

我有一个页面，主要内容是从顶部200px边距...在内容之后，我需要页脚一直向下延伸浏览器高度的其余部分;将会有repeat-x

的1600px背景图像

Answer 1

这是一招。像往常一样制作标题，内容和页脚。将页脚的高度设置为100％并为其指定position:fixed属性，并确保不为其指定top，bottom等属性。这将使页脚“流出”，但将其保留在自然的位置（这会删除任何丑陋的滚动条）。

您可以在example demo here中看到它。

Answer 2

为什么不让body拥有页脚的background-image？

然后，您可以将主要内容设置为您喜欢的任何背景，并且页脚将显示为扩展到页面的其余部分。

Answer 3

http://jsfiddle.net/JFtwD/25/ 这是你如何做到的。不知道它是否是最佳解决方案，但它是一种解决方案。