2017-03-27 26 views
0

我有意无意地在怪癖模式下学习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

    我真的很难理解为什么或者如何实现这一点。

    回答

    0

    您的部分没有扩展,因为它没有任何内容。一旦你填充它的内容,它将扩大(授予它超过100vh)

    相关问题