css - Div的垂直分页

Question

我想要做的是设置多个 div，每个都包含整个页面的内容。每个 div 都应该在视口(viewport)中居中并完全填充它。每个连续的 div 应根据视口(viewport)的可变高度在垂直方向上均匀分布。例如，假设我有一个 800x600 的 View ，那么每个 div 都应该是这个大小并堆叠。所以，如果我向下滚动正好 600px，我只会看到第 2 页的 div，1200px 我只会看到第 3 页的 div。我没有任何代码或示例可以分享，而且我用尽的搜索也没有发现任何此类问题。这可能只用 css 吗？

Answer 1

您只需为您的 html、body 和 div 提供 height: 100%;:

html, body {
    height: 100%;
}
div {
    height: 100%;
    margin-bottom: 5px;
}

http://jsfiddle.net/KMMjv/