Html 如何使用百分比高度显示表格中div的滚动条

我必须写一个像下面这样的页面，但是，滚动条在IE11和FireFox中不显示。我该怎么解决这个问题

测验
第一排
只需将
overflow:auto
添加到CSS规则中，该规则适用于要在其上显示滚动条的元素

另一个选项是
overflow:scroll
，但它将显示滚动条元素是否需要滚动，并且它还始终显示垂直和水平两个滚动条，无论此时是否需要。这就是为什么我总是喜欢对溢出值使用
auto
。
试试这个，也许你可以用我做的这种风格实现一些东西

CSS


chrome中的更新不太好用，这只是一个示例代码。也许我错过了一些重要的东西。无论如何，我真正想要的是这样的：一个表行包含一个带滚动条的div，div的高度必须用百分数设置。你能帮我解决这个问题吗？你可以用px来控制高度表，而不是用%.这是唯一的方法。我添加了溢出选项，它不起作用。代码在Chrome中运行良好。我很困惑。您确定在FF/IE中成功创建了表行吗？我最近有一个场景，溢出属性在这两种浏览器上都可以正常工作。不确定您正在使用哪个版本的FF，但IE11应该可以。另外，您确定要将属性添加到正确的CSS规则中吗？也许如果你也发布了你的CSS，我们可以提供更多帮助：）你真是太好了。我确信表格行已经创建，因为日期已经显示出来了。下面是css的示例代码。你想让div控制高度？我不明白我想要的是这样的：一个表包含两行，第二行包含一列。在列中，有一个div包含一个包含大量数据的表。由于某些原因，我无法更改结构。它似乎正是我想要的，但是，当我将高度更改为100%时，它不再工作。看起来，当div的高度设置为100%时，无论屏幕能否显示，它都会被拉到尽可能高的位置来容纳内容。真奇怪！你有现场测试吗？哦，我刚运行了你的演示，把高度改为100%。现在我使用compatibility view在IE10中运行编码。也许将高度设置为100%是一个错误的想法。因为我是网页编码新手，我不知道为什么会发生这种情况。
.scroll {
    height: 30%;
    overflow: auto;
    width: 100%;
    display:block;
}