HTML / CSS：如何使内容跟随页脚？答案

【问题标题】：HTML / CSS: How to make the content follow the footer?HTML / CSS：如何使内容跟随页脚？
【发布时间】：2010-07-13 04:10:39
【问题描述】：

我的问题是我需要一个始终位于底部的页脚，即使页面滚动等等。但我不知道如何使内容跟随页脚。

请看给出的例子，这是一个非常相似的布局，我也有一个侧边栏，但是你可以用 firebug 或类似的东西看到body div 没有跟在页脚后面。

示例： Click for demo

【问题讨论】：

您在问题中所说的和您在回应 rockinthesixstring 时所说的话似乎是两件不同的事情。从您上面的问题来看，听起来在源代码中您希望内容部分跟随页脚。在您给出的响应中，听起来您希望页脚一直停留在屏幕底部，直到页面到达末尾，然后跟随内容的底部。所以我的问题是，您真的想要实现其中的哪一个或第三个选项？

【解决方案1】：

您是否考虑过使用位于 http://css-tricks.com 的 jQuery 粘滞页脚

【讨论】：

内容还是一样，问题不在于页脚，而在于内容部分，我不想在内容和页脚之间有空白区域。
那么对不起，我没有关注。如果您的页脚只是在内容的底部而不粘在页面的底部，那么只需在内容 div 之后实现一个页脚 div ......这应该不难。更难的选择是始终将页脚固定在页面底部。
我同时需要两者。
这两个选项都不可能。默认情况下，页脚将跟随内容。或者使用一些技巧，比如粘页脚选项，它会一直粘在正文的底部。
我不同意海恩斯先生的观点。使用 javascript，如果内容 not 到达其末尾，则可以将其设置为保持固定在底部，并且当它到达其末尾时，“释放”页脚以跟随页面上的内容。编码需要一些工作，我不确定它是否会增加价值（似乎将页脚留在屏幕底部会很好），但是，这不是我的决定，但无论是谁设计网站。

【解决方案2】：

您可以使用Javascript + CSS。

使用 CSS 您可以将页脚放在页面底部，使用 javascript 您可以指定页面的高度并修改内容的高度。

【讨论】：

【解决方案3】：

我之前回答过一个类似的问题，你可能想看看：

【讨论】：