100%可以达到
100%任何高度。举例来说，如果我有一个父
div那是
1000px高大的，小时候
div是在
100%高度，那么这个孩子
div可能理论上比视，或小于视口的高度小得多的高度高得多，即使是
div设置在
100%身高。
如果我改为将其子级
div设置为
100vh，则它将 仅填充
100%视口的高度，而不必 填充 父级
div。
body,html { height: 100%;}.parent { background: lightblue; float: left; height: 200px; padding: 10px; width: 50px;}.child { background: pink; height: 100%; width: 100%;}.viewport-height { background: gray; float: right; height: 100vh; width: 50px;}<div > <div > 100% height (parent is 200px) </div></div><div > 100vh height</div>
