请看这个website ，我为每一页都使用了 section，正如你可以看到，通过向下转到第二页，有一些额外的空间属于第一页(下图)。
有四个部分，每个部分的高度设置为100%。那为什么那里有一个额外的空间？
最佳答案
主体的最小高度设置为 1000 像素，以确保您可以在网站上滚动到的每个 block 都有足够的空间来覆盖视口(viewport)。因此，如果一个部分的 100% 高度小于最小值 1000 像素，那么您最终会得到一个巨大的空间，因为最小值比您真正需要的要大。
您可以选择将高度设置为绝对值(x px，其中 x < 1000)直到空间消失。像 #s1 { height: 700px; } 会起作用，#s1 是您在问题中指向的部分，而 700px 是高度的示例，该高度将主要删除该空间，但在第 1 部分和第 2 部分之间留出足够的空间。随意修改直到您对外观满意为止。
关于html - 如何设置section height以适应屏幕？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21660472/