我有一个页面,页面有一个页脚中间部分,应该增长以填充页面的其余部分。
即。看起来像这样
让我描述一下我想要的布局 header =页面宽度的100%,具有固定的高度。我不希望它漂浮。 content =最小宽度为760像素,最大为1000像素 高度填充到页面的末尾。但是,不要与页脚重叠。页脚应该被推下来。如果内容小于100%,则页脚应位于底部,而不是向上移动。 页脚= 100%页面宽度,始终位于内容的底部。
现在我遇到的问题是让页脚走到最底层。我可以将它放在内容div之下,但不能放在页面底部。
我如何在CSS中实现这一目标?做这样简单的事情似乎很难。
答案 0 :(得分:2)
答案 1 :(得分:2)
你想要底部绝对位置:0
您还希望确保z-index为高,以便内容在其下流动(嗯,这是您真正的选择)。
如果我理解你的问题,无论内容如何,这都会使页脚保持在页面底部。
答案 2 :(得分:1)
可能有帮助的链接:
我的想法是:
为内容div设置一个min-height属性(可能需要与IE一起使用,一如既往)
或者,获取页脚到底部的绝对定位并将负边距设置为顶部,例如,如果页脚高度固定为50px,则将margin-top设置为-50px
抱歉,我正在工作,所以我无法制作演示页:)
此设计的一个关键因素是验证该解决方案适用于所有当代浏览器。