html - div 内的表溢出

Question

我有一个非常基本的 CSS 问题。我有一个固定高度的 div，我在那个 div 中有一个表格。

除非 div 获得滚动条，否则表格的内容将无法容纳在 div 中。现在的问题是，表格的内容溢出了 div，因为它的高度超过了我在 div 上设置的高度。

这就是我对 Div 的看法

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

这是一个例子。

jsfiddle

如何让表格适合 div 并具有滚动条？这不特定于任何浏览器。我自己在 Chrome 和 IE 中都试过了。

Answer 1

[编辑] 引用您的请求:

How do I get the table to fit in the div and have a scrollbar.

将以下内容添加到 .test ( fiddle )

overflow-y:scroll;

overflow-y 的文档