表溢出滚动 css 不起作用

Question

这是我有一些有点复杂的 html 表格格式：http : //jsfiddle.net/nyCKE/8517/

问题是当我尝试进行溢出滚动时，“主题区域”表不起作用。它的高度设置为 200px，但是当我向表格中添加许多行时，它不会保持在 200，它只是不断扩展表格。正如您在 jsfiddle 上看到的那样，我将 tbody 设置为溢出-y 滚动（我希望修复顶部）。但是，它拒绝滚动。“类”表没有数据，所以它保持在 200 像素。这就是我想要的主题区域表的高度，但显然它更大。这是一些相关的css：

tbody {
   overflow-y scroll;
}
.subjects{
    width:100%;
    height: 200px;
}
.classes {
    width:100%;
    height: 200px;
    margin-top: 5px;
}

我忘记提及的另一件事是我有 2 个 div，一个用于左侧，一个用于右侧。左边的 div 包含主题和类表。右侧的 div 包含概览。这是当窗口更大时，通过在小提琴中扩展窗口，您可以看到概览表向右移动，这就是我想要的。我不确定这些 div 是否弄乱了 tbody 滚动。

有谁知道如何解决我的问题？

Answer 1

你的css中的错误：

tbody {
   overflow-y scroll;
}

应该：

tbody {
   overflow-y: scroll;
}

解决您的问题：直接定义您的高度child并使用display: block

   tbody {
      overflow-y: scroll;
      display: block;
      height: 200px;
    }

tbody {
   overflow-y scroll;
}

tbody {
   overflow-y: scroll;
}