css页脚问题

Question

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

即它看起来像这样

让我描述我想页面宽度 头= 100％的固定高度布局。我不希望它漂浮。 content =最小宽度760像素，最大1000像素 填充到页面末尾的高度。但是，不重叠页脚。页脚应该被压下。如果内容少于100％，页脚应该在底部，而不是向上移动。 页脚= 100％的页面宽度，并始终在内容的底部。

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

我如何在CSS中实现？做这样简单的事情似乎非常困难。

Answer 1

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

检查我的执行here。

Answer 2

你想绝对位置底部：0

您还需要确保在z指数高，这样的内容将在它流（当然，这真的是你的选择）。

如果我理解得很清楚你的问题，那么无论内容如何，​​页脚底部都会留下页脚。

Answer 3

链接可能会有所帮助：

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

我的想法是：

得到一个最小高度属性为内容设置div（可能需要IE浏览器的解决方法，如总是）

，或者获得绝对定位的页脚底部，并设置阴性切缘顶部，也就是说，如果页脚高度固定为50像素，然后设置边距来-50px

对不起我因此我无法制作演示页面:)

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