解密小程序登录页面设计：高度100vh的含义与运用

在CSS中，height: 100vh; 是一个用于设置元素高度的属性值。这里，vh 是一个相对单位，它代表“视口高度”（Viewport Height）的百分比。具体来说，1vh 等于视口高度的 1%。

当你为一个元素设置 height: 100vh; 时，你实际上是在告诉浏览器，你希望这个元素的高度占据整个视口（通常是浏览器窗口或包含它的框架）的高度。

以下是一个设置了100vh的例子，看到登录注册离顶部到该100高度

取消了height：100vh后显示效果，登录注册文字顶到视窗上方。

然而，需要注意的是，vh 单位是基于视口的，而不是基于父元素的。因此，如果你在一个嵌套的元素中使用 height: 100vh;，它可能会超出其父元素的边界，除非父元素也相应地设置了适当的高度或使用了其他方法（如 overflow 属性）来控制内容。

此外，当页面上有滚动条时，vh 的计算可能会包括滚动条的高度，这可能会导致一些不期望的布局效果。因此，在使用 vh 单位时，要考虑到这些因素。