我有意无意地在怪癖模式下学习HTML,现在我已经放入<!DOCTYPE html>
标记,它抛弃了我迄今为止学到的东西。在这一点上,我努力理解使用高百分比以及何时使用VH ...什么时候使用vh和最小高度:100vh
这里是一个小提琴,有一些问题一起:https://jsfiddle.net/kittenslayer123/q9dm1zmu/4/
我的目标和思维过程:
1.Have体环绕多个节 - 所以我设置body's min-height:100%
2.每个部分是成为窗口的100% - 所以我设置.section height: 100vh
每个部分最初都应该是100vh,但是要展开以环绕内容 - 在本例中为.section-child。
我希望部分是100vh并根据内容展开(section-child) - 我设置它的方式,第三部分子部分溢出到下一部分。
我可以将.section高度设置为100vh
而不使用vh吗? 为什么我的.section不扩展?即使我已经设置了min-height:100vh
我真的很难理解为什么或者如何实现这一点。