css 高度 100% 会破坏 bootstrap 中的布局

css height 100% breaks layout in bootstrap

为什么 height: 100%; 破坏了一页的布局，但在 Bootstrap 的另一页似乎是必需的？

CSS:

body { height: 100%; }

未损坏（背景跨越整页）：

损坏（背景在页面结束前停止）：

高度响应视口的大小。在这两种情况下，背景与视口一样高。

由于您只能在第二个示例中滚动，所以您只会在编号 2 中注意到它。

为您提供正确和干净的解决方案：

min-height does not work with body

“首先，声明一个文档类型，这样你就符合标准了（如果你还没有的话）。

现在，正文只能与包含的 html 一样高，因此您需要将 HTML 标签设置为 100% 高度，将正文设置为最小高度 100%。这对我在 Firefox 上有效。"

如果您想要像这样的适当缩放背景，请在您的页面顶部创建一个新的 div 并使用您想要的 css 背景并给它 height:100%;width:100%;position:fixed;top:0px;left:0px;