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 ничего не делают, по какой-то причудливой причине.

Answer 1

Установка overflow должна позаботиться об этом, но вам также необходимо установить высоту Content. Если атрибут height не задан, div будет вертикально возрастать так, как ему нужно, и полосы прокрутки не понадобятся.

См Пример: http://jsfiddle.net/ftkbL/1/