Question

我有一个非常基本的CSS问题。我有一个固定高度的div，我在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;
}

表里面的div溢出

2 个答案: