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

前端之家收集整理的这篇文章主要介绍了CSS:如何获取固定高度的div内部容器的滚动条前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下标记
<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获取滚动条(最好是垂直,但我不是not),当它的高度太大了不适合?

overflow:auto和overflow:scroll什么也不做,对于一些奇怪的原因。

解决方法

设置溢出应该照顾它,但是你还需要设置Content的高度。如果没有设置height属性,div将垂直增长到需要的高度,并且不需要滚动条。

参见示例:
http://jsfiddle.net/ftkbL/1/

猜你在找的CSS相关文章