css页脚问题

Question

我有一个页面，页面有一个页脚中间部分，应该增长以填充页面的其余部分。

即。看起来像这样

让我描述一下我想要的布局 header =页面宽度的100％，具有固定的高度。我不希望它漂浮。 content =最小宽度为760像素，最大为1000像素 高度填充到页面的末尾。但是，不要与页脚重叠。页脚应该被推下来。如果内容小于100％，则页脚应位于底部，而不是向上移动。 页脚= 100％页面宽度，始终位于内容的底部。

现在我遇到的问题是让页脚走到最底层。我可以将它放在内容div之下，但不能放在页面底部。

我如何在CSS中实现这一目标？做这样简单的事情似乎很难。

Answer 1

See this代表一堆不同的布局格式。

检查我的实施here。

Answer 2

你想要底部绝对位置：0

您还希望确保z-index为高，以便内容在其下流动（嗯，这是您真正的选择）。

如果我理解你的问题，无论内容如何，​​这都会使页脚保持在页面底部。

Answer 3

可能有帮助的链接：

• css-fixed-footer
• fixed-footer
• an-old-implementation-of-fixed-footer

我的想法是：

为内容div设置一个min-height属性（可能需要与IE一起使用，一如既往）

或者，获取页脚到底部的绝对定位并将负边距设置为顶部，例如，如果页脚高度固定为50px，则将margin-top设置为-50px

抱歉，我正在工作，所以我无法制作演示页：）

此设计的一个关键因素是验证该解决方案适用于所有当代浏览器。