【发布时间】：2017-03-28 01:07:34
【问题描述】：
我无意中一直在以怪癖模式学习 HTML，现在我已经放入了 <!DOCTYPE html> 标记，它抛弃了我到目前为止所学的东西。在这一点上，我很难理解使用百分比表示高度以及何时使用 VH...
这是一个小提琴，还有一些问题：https://jsfiddle.net/kittenslayer123/q9dm1zmu/4/
我的目标和思考过程：
1.让身体环绕多个部分 - 所以我设置了body's min-height:100%
2.每个部分都是窗口的 100% - 所以我设置了.section height: 100vh
每个部分最初应为 100vh，但会展开以环绕内容 - 在本例中为 .section-child。
我希望节为 100vh 并根据内容扩展（节子） - 我设置它的方式，第三节子溢出到下一节。
我可以在不使用 vh 的情况下将 .section 高度设置为 100vh 吗？
为什么我的 .section 没有扩展？即使我设置了min-height:100vh
我真的很难理解为什么或如何实现这一目标。
【问题讨论】：