CSS中，height: 100vh; 是一個用于設置元素高度的屬性值。這里，vh 是一個相對單位，它代表“視口高度”（Viewport Height）的百分比。具體來說，1vh 等于視口高度的 1%。

當你為一個元素設置 height: 100vh; 時，你實際上是在告訴瀏覽器，你希望這個元素的高度占據整個視口（通常是瀏覽器窗口或包含它的框架）的高度。

以下是一個設置了100vh的例子，看到登錄注冊離頂部到該100高度

取消了height：100vh后顯示效果，登錄注冊文字頂到視窗上方。

然而，需要注意的是，vh 單位是基于視口的，而不是基于父元素的。因此，如果你在一個嵌套的元素中使用 height: 100vh;，它可能會超出其父元素的邊界，除非父元素也相應地設置了適當的高度或使用了其他方法（如 overflow 屬性）來控制內容。

此外，當頁面上有滾動條時，vh 的計算可能會包括滾動條的高度，這可能會導致一些不期望的布局效果。因此，在使用 vh 單位時，要考慮到這些因素。

是在寫樣式的時候，會碰到給div無論怎么加樣式 overflow-y: auto 的時候，都不會出現垂直的滾動條，經過不斷折騰終于知道是啥原因導致了。

<style>

body{

height: 100%; //若是所有的div的高度都不固定，需要body高度也是100%，才可以出現滾動條

}

.parent{

//你自己樣式

height: 100%; //父元素的高度也需要是100%才可以出現滾動條

}

.children{

overflow-y: auto;

overflow-x: hidden;

height: 100%;

}

</style>

<div class="parent">

<div class="children">

xx-blog主題

xxzhuti主題網

</div>