顶部和底部边界，高度100％ - 如何？

Question

如果主要内容小于100％，如果内容大于屏幕，如何在顶部和底部处于绝对顶部和底部边缘？如果内容大于屏幕，该怎么办？

请参阅：http://jsfiddle.net/FGBZc/

（ie7及以上。）

问候

Answer 1

使用盒子大小，这将是最简单的。

在该div上使用box-sizing: border-box。给它min-height 100%。提供您想要的top和border-bottom。

这是小提琴。 - ＆GT; http://jsfiddle.net/FGBZc/11/

不幸的是，它不适用于ie7。只是ie8 +。

没有box-sizing这样做需要一些额外的元素。这是粘性页脚的情况。如果你谷歌“粘性页脚”你会发现我在下面的小提琴做了什么。

检查出来 - ＆gt; http://jsfiddle.net/FGBZc/23/

Answer 2

尝试将其与绝对位置对齐，然后在css中将bottom设置为0，这样：

position: absolute;
bottom: 0;