JSFiddle来演示。
当表格不再缩小时，调整窗口大小以强制滚动条 - 出现几个问题;
<main>的底部填充，但未显示滚动条。<body>（黄色） - 显示<html>（绿色）。所需效果是一张尽可能大的表格（高度方式）。
在min-width:100%中设置<body>似乎使滚动时不会缩短 - 虽然我似乎无法将其子项设置为跨越整个高度。
答案 0 :(得分：1)
将body设为min-height: 100vh;而不是height: 100%;。即使身体的内容多于可以显示的内容，你也会强制固定高度。
修改：如果您希望main占据视口的100％，则需要将main设置为min-height: 100vh;
Edit2：要使table元素填充main元素，我能看到的唯一方法是使用“幻数”，假设您在main对象中填充不会改变。
table {
min-height: calc(100vh - 32px); /* magic number, double the padding of `main` */
}