CSS: làm thế nào để có được thanh cuộn cho div bên trong container của chiều cao cố định

Question

Tôi có đánh dấu sau:

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

CSS trông như thế này:

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

Do nội dung của nó, chiều cao của div.Content thường lớn hơn không gian được cung cấp bởi div.FixedHeightContainer. Tại thời điểm này, div.Content vui vẻ kéo dài ra khỏi đáy của div.FixedHeightContainer - không phải tất cả những gì tôi muốn.

Làm cách nào để chỉ định rằng div.Content có thanh cuộn (tốt nhất là theo chiều dọc, nhưng tôi không kén chọn) khi chiều cao của nó quá lớn để vừa?

overflow:auto và overflow:scroll không làm gì cả, vì một số lý do kỳ lạ.

Answer 1

đặt overflow nên cẩn thận, nhưng bạn cũng cần đặt chiều cao là Content. Nếu thuộc tính chiều cao không được đặt, div sẽ phát triển theo chiều dọc cao như cần và thanh cuộn sẽ không cần thiết.

Xem ví dụ: http://jsfiddle.net/ftkbL/1/