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

前端之家收集整理的这篇文章主要介绍了CSS:如何获取固定高度的div内部容器的滚动条前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下标记
  1. <div class="FixedHeightContainer">
  2. <h2>Title</h2>
  3. <div class="Content">
  4. ..blah blah blah...
  5. </div>
  6. </div>

CSS看起来像这样:

  1. .FixedHeightContainer
  2. {
  3. float:right;
  4. height: 250px;
  5. width:250px;
  6. }
  7. .Content
  8. {
  9. ???
  10. }

由于其内容,div.Content的高度通常大于由div.FixedHeightContainer提供的空间。目前,div.Content快速伸出div.FixedHeightContainer的底部 – 根本不是我想要的。

我如何指定div.Content获取滚动条(最好是垂直,但我不是not),当它的高度太大了不适合?

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

解决方法

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

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

猜你在找的CSS相关文章