4

非常に基本的なCSSの質問があります。高さが固定の div があり、その div 内にテーブルがあります。

div がスクロールバーを取得しない限り、テーブルのコンテンツは div に収まりません。問題は、テーブルの高さが div に設定した高さを超えているため、テーブルのコンテンツが div をオーバーフローしていることです。

これは私がDivのために持っているものです

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

ここに例があります。

jsfiddle

テーブルを div に収めてスクロールバーを表示するにはどうすればよいですか? これは、どのブラウザにも固有のものではありません。Chrome と IE の両方で試してみました。

4

2 に答える 2

8

[編集]リクエストの引用：

テーブルをdivに合わせて、スクロールバーを表示するにはどうすればよいですか。

.test以下を（フィドル）に追加します

overflow-y:scroll;

のドキュメントoverflow-y

于 2012-12-07T21:04:18.993 に答える
1 
.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;
}
于 2012-12-07T21:04:38.380 に答える