我已经无意地在怪癖模式下学习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，并根据内容（子部分）进行扩展-按照我的设置方式，第3子部分会溢出到下一部分。
是否可以在不使用vh的情况下将.section高度设置为100vh？
为什么我的.section没有扩展？即使我设置了min-height:100vh
我真的很难理解为什么或如何实现这一目标。
最佳答案
您的部分没有扩展，因为其中没有内容。在您将内容填充后，它会扩展（并保证超过100vh）
关于html - 何时使用vh和min-height:100vh，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43049991/