表内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; 
}