CSS: cách lấy thanh cuộn cho div bên trong vùng chứa có chiều cao cố định

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.Contentthường lớn hơn không gian được cung cấp bởi div.FixedHeightContainer. Hiện tại, div.Contentvui vẻ mở rộng 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 div.Contentthanh cuộn (tốt nhất là chỉ dọc, nhưng tôi không kén chọn) khi chiều cao của nó quá lớn để phù hợp?

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

cài đặt overflowcần quan tâm đến nó, nhưng bạn cũng cần đặt chiều cao của Content. Nếu thuộc tính height không được đặt, div sẽ phát triển theo chiều dọc cao như nó cần và sẽ không cần đến thanh cuộn.

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

FWIW, đây là cách tiếp cận của tôi = một cách đơn giản phù hợp với tôi:

<div id="outerDivWrapper">
   <div id="outerDiv">
      <div id="scrollableContent">
blah blah blah
      </div>
   </div>
</div>

html, body {
   height: 100%;
   margin: 0em;
}

#outerDivWrapper, #outerDiv {
   height: 100%;
   margin: 0em;
}

#scrollableContent {
   height: 100%;
   margin: 0em;
   overflow-y: auto;
}

Mã từ câu trả lời trên bởi Dutchie432

.FixedHeightContainer {
    float:right;
    height: 250px;
    width:250px; 
    padding:3px; 
    background:#f00;
}

.Content {
    height:224px;
    overflow:auto;
    background:#fff;
}

sử dụng overflowtài sản

overflow: hidden; 

overflow: auto;

overflow: scroll;