CSS：如何在固定高度的容器内获取 div 的滚动条

Question

我有以下标记：

 <div class="FixedHeightContainer">
  <h2>Title</h2>
  <div class="Content">
    ..blah blah blah...
  </div>
</div>

CSS 看起来像这样：

 .FixedHeightContainer
{
  float:right;
  height: 250px;
  width:250px;
}
.Content
{
  ???
}

由于其内容， div.Content 的高度通常大于 div.FixedHeightContainer 提供的空间。目前， div.Content 愉快地从 div.FixedHeightContainer 的底部延伸出来——这根本不是我想要的。

我如何指定 div.Content 当它的高度太大而无法容纳时获得滚动条（最好是垂直的，但我并不挑剔）？

overflow:auto 和 overflow:scroll 出于某种奇怪的原因什么也没做。

原文由 David 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

设置 overflow 应该会处理它，但您还需要设置 Content 的高度。如果未设置高度属性，则 div 将垂直增长到所需的高度，并且不需要滚动条。

请参阅示例：http: //jsfiddle.net/ftkbL/1/

原文由 Dutchie432 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

FWIW，这是我的方法=一种对我有用的简单方法：

 <div id="outerDivWrapper">
   <div id="outerDiv">
      <div id="scrollableContent">
blah blah blah
      </div>
   </div>
</div>

html, body {
   height: 100%;
   margin: 0em;
}

#outerDivWrapper, #outerDiv {
   height: 100%;
   margin: 0em;
}

#scrollableContent {
   height: 100%;
   margin: 0em;
   overflow-y: auto;
}

原文由 John Love 发布，翻译遵循 CC BY-SA 4.0 许可协议