如果主要内容小于 100%,我如何在绝对顶部和底部设置顶部和底部边距,如果内容大于屏幕,我如何在“滚动末尾”设置顶部和底部边距?
请参阅:http://jsfiddle.net/FGBZc/
(ie7 及更高版本。)
问候
最佳答案
使用 box-sizing 这将是最简单的。
在该 div 上使用 box-sizing: border-box
。为其指定 100%
的 min-height
。给它你想要的 top
和 border-bottom
。
这是 fiddle 。 -> http://jsfiddle.net/FGBZc/11/
不幸的是,它不适用于 ie7。就是ie8+。
要在没有 box-sizing
的情况下做到这一点,需要一些额外的元素。这是粘性页脚的情况。如果你用谷歌搜索“sticky footer”,你会在下面的 fiddle 中找到我所做的。
关于css - 高度为 100% 的顶部和底部边框 - 怎么样?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11226236/