css - 高度为 100% 的顶部和底部边框 - 怎么样?

标签 css

如果主要内容小于 100%,我如何在绝对顶部和底部设置顶部和底部边距,如果内容大于屏幕,我如何在“滚动末尾”设置顶部和底部边距?

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

(ie7 及更高版本。)

问候

最佳答案

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

在该 div 上使用 box-sizing: border-box。为其指定 100%min-height。给它你想要的 topborder-bottom

这是 fiddle 。 -> http://jsfiddle.net/FGBZc/11/

不幸的是,它不适用于 ie7。就是ie8+。

要在没有 box-sizing 的情况下做到这一点,需要一些额外的元素。这是粘性页脚的情况。如果你用谷歌搜索“sticky footer”,你会在下面的 fiddle 中找到我所做的。

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

关于css - 高度为 100% 的顶部和底部边框 - 怎么样?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11226236/

相关文章:

jquery - 如何完美地居中一个根据用户输入而变化的圆圈

javascript - 如何使模式的背景可点击?

html - 多个名称和值使用 css 和 html 通过一个复选框或按钮

css - 自动居中的 div 内的图标字体呈现模糊/清晰基于浏览器宽度

javascript - 在CSS中平均分隔同一行上的两个选择框

php - 如何减少标题中的主页链接大小?

html - 单个图像内元素的边框

jquery - bootstrap-selectpicker 不改变框宽度

ios - 将 -apple-system 用于等宽和衬线

html - Bootstrap在同一个页面使用多个容器是否合法