我无意中在怪癖模式下学习HTML，现在我已经放入了<!DOCTYPE html>标签，它已经抛弃了我迄今为止所学到的东西。在这一点上，我很难理解使用高度百分比以及何时使用VH ...
这是一个小提琴，还有一些问题：https://jsfiddle.net/kittenslayer123/q9dm1zmu/4/
我的目标和思考过程：
1.身体环绕多个部分 - 所以我设置body's min-height:100%
2.每个部分都是100％的窗口 - 所以我设置了.section height: 100vh
每个部分最初应该是100vh但扩展为包装内容 - 在本例中为.section-child。
我希望section为100vh并根据内容进行扩展（section-child） - 我设置它的方式，第3部分-child溢出到下一部分。
我可以在不使用vh的情况下将.section高度设置为100vh吗？
为什么我的.section没有扩大？即使我已设置min-height:100vh
我真的很难理解为什么或如何实现这一目标。
答案 0 :(得分：0)
您的部分没有扩展，因为其中没有任何内容。一旦你用内容填充它，它将扩展（授予它超过100vh）