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.Content的底部div.FixedHeightContainer – 根本不是我想要的。

如何指定该div.Content获取滚动条（最好是垂直，但我不挑剔），当其高度太大，以适应？

overflow:auto和overflow:scroll无所事事，为一些离奇的原因。

Answer 1

设置overflow应该照顾它，但是你也需要设置Content的高度。 如果未设置高度属性，则div将垂直增长，并且不需要滚动条。

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