css页脚问题

时间:2010-07-09 00:24:17

标签: css

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

即。看起来像这样

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

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

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

3 个答案:

答案 0 :(得分:2)

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

检查我的实施here

答案 1 :(得分:2)

你想要底部绝对位置:0

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

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

答案 2 :(得分:1)

可能有帮助的链接:

我的想法是:

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

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

抱歉,我正在工作,所以我无法制作演示页:)

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