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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (89)

我有以下标记:

<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:autooverflow:scroll因为一些奇怪的原因而不能工作。

提问于
用户回答回答于

设置overflow应该能工作,但你也需要设置高度Content。如果height属性没有设置,div将垂直增长,并且不需要滚动条。

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

扫码关注云+社区

领取腾讯云代金券