css - 具有 100% 高度的顶部和底部边框 - 怎么样？

Question

如果主要内容小于 100%，如果内容大于屏幕，我怎么能有一个绝对顶部和底部的顶部和底部边距？

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

（即 7 及以上。）

问候

Answer 1

使用 box-sizing 将是最简单的。

box-sizing: border-box在那个 div 上使用。给它一个min-height。100%给它你想要top的。border-bottom

这是小提琴。-> http://jsfiddle.net/FGBZc/11/

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

要做到这一点，box-sizing需要一些额外的元素。这是粘页脚的情况。如果你用谷歌搜索“sticky footer”，你会发现我在下面的小提琴中做了什么。

看看 -> http://jsfiddle.net/FGBZc/23/

Answer 2

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

position: absolute;
bottom: 0;