如何通过滚动平滑地在引导程序中留下 div 100% 的高度？答案

【问题标题】：How to leave a div 100% height in bootstrap smoothly with scroll?如何通过滚动平滑地在引导程序中留下 div 100% 的高度？
【发布时间】：2017-05-06 01:44:58
【问题描述】：

我有问题。

谁能给我解释一下或者找到解决100%身高的办法

我正在使用引导程序制作一个网站，并想制作三个垂直块，所以当我放置 height: 100% 和 min-height: 100% 时它可以工作，但是当内容超过正文的高度时，它激活了滚动，到目前为止一切都很好，但列不是 100% 的高度。

html, body { margin:0; height: 100%;}
div { height: 100%; min-height: 100%; }

查看示例：

http://codepen.io/anon/pen/qOgvjZ

【问题讨论】：

所有 3 个 .col 元素都是相同的 height - 你对 .col-md-3 元素中的空白感到好奇吗？（这是由您的margin-top 或您的h1 元素引起的）

标签： html css twitter-bootstrap-3 height

【解决方案1】：

你有两个选择：

div { 高度：100%;最小高度：100%；溢出：隐藏；}

（新样式为overflow部分）或者设置woverflow为滚动（overflow:scroll;）。

如果设置为隐藏，那么多余的内容将不可见，如果设置为滚动，每一列都会有自己的滚动条。

【讨论】：

是的，但我想滚动和固定背景（高度为 100%）

【解决方案2】：

试试这个：

div { height: 100%; min-height: 100%; overflow:auto;}

overflow:auto: Auto 只会在任何内容被剪辑时显示滚动条。

overflow:scroll：滚动将始终显示滚动条，即使所有内容都适合并且您无法滚动它。

【讨论】：