Bootstrap 3 - 可滚动内容div

Per*_*nda 12 html css grid scroll twitter-bootstrap

我正在使用Bootstrap 3,我正在尝试制作可滚动的内容DIV.我有一个左侧导航和顶部栏的网格,中间我有可滚动的内容.

它适用于我在内容div上使用固定高度...但我想使用100%而不是.

<div  class="col-lg-12 col-md-12 col-sm-12" style="height:100%;overflow-y:auto;">
some content...
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

html,body
{
 height:100%;
 overflow:hidden;
}
Run Code Online (Sandbox Code Playgroud)

我怎么能让它与身高一起工作:100%;

谢谢!

小智 24

您可以为要滚动的div 添加可预滚动的类.

如果你搜索.css有一个最大高度,但你不能编辑.因此,您确定它将在窗口中最大化该最大值的页面.

希望它有所帮助,我使用相同的单页与可滚动的div.

  • 这对我有用,例如 &lt;div class="well well-sm pre-scrollable"&gt; &lt;samp id="containerLog" class=""&gt;&lt;/samp&gt; &lt;/div&gt; (2认同)