表內div溢出

Question

我有一個非常基本的CSS問題。 我有一個具有固定高度的div，並且在該div內有一個表格。

除非div獲得滾動條，否則表格的內容將不適合div。現在的問題是， 表格的內容溢出了div，因爲它的高度大於我在div上設置的高度。

這是我對事業部

display: inline-block; 
    float: left; 
    max-height: 200px; 

下面是一個例子。

jsfiddle

我如何獲得該表，以適應在div，有一個滾動條？這不是特定於任何瀏覽器。我自己嘗試了Chrome和IE。

Answer 1

[編輯]引用您的要求：

我如何獲得該表，以適應在div ，並有滾動條。

添加以下.test（fiddle）

overflow-y:scroll; 

的文檔overflow-y

Answer 2

.test { 
    background-color: gray; 
    display: inline-block; 
    float: left; 
    max-height: 200px; 
    overflow-y: scroll; 
} 
.matrix td, .matrix th{ 
    border: 0.1em solid #E2E2E2; 
    padding: 4px 2px; 
    min-width: 65px; 
    white-space: normal; 
    text-align: center; 
}