CSS: jak dostać się paski przewijania na div wewnątrz pojemnika o stałej wysokości

Question

Mam następujące znaczniki:

<div class="FixedHeightContainer"> 
    <h2>Title</h2> 
    <div class="Content"> 
    ..blah blah blah... 
    </div> 
</div> 

CSS wygląda następująco:

.FixedHeightContainer 
{ 
    float:right; 
    height: 250px; 
    width:250px; 
} 
.Content 
{ 
    ??? 
} 

Ze względu na swoją treść, wysokość div.Content jest zwykle większa niż przestrzeń podana przez div.FixedHeightContainer. W tej chwili, div.Content wesoło rozciąga się od dna div.FixedHeightContainer - wcale nie tego, czego chcę.

Jak określić, że div.Content otrzymuje paski przewijania (najlepiej tylko w pionie, ale nie jestem wybredny), gdy ich wysokość jest zbyt duża, aby zmieścić?

overflow:auto i overflow:scroll nic nie robią, z jakiegoś dziwnego powodu.

Answer 1

ustawienie overflow powinno się nim zająć, ale musisz ustawić wysokość Content również. Jeśli atrybut wysokości nie jest ustawiony, element div będzie rósł pionowo tak wysoko, jak potrzebuje, a paski przewijania nie będą potrzebne.

Patrz Przykład: http://jsfiddle.net/ftkbL/1/