CSS3是現代Web設計中最常用的基礎技術之一。相較于CSS2，CSS3提供了更多的樣式和效果，其中一個特性就是高度單位中的“vh”。

height: 100vh;

在CSS3中，“vh”是指相對于視口高度的百分比，即1vh等于視口高度的1%。

這個特性的應用場景很多，比如在響應式設計中，使用vh來設置一個元素的高度可以確保在不同設備上顯示時，該元素的高度始終保持視口高度的百分比。例如：

.container {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}

以上代碼將設置一個容器，使其高度等于視口高度，并使其內部元素水平居中和垂直居中。這種用法常常出現在全屏背景圖或是全屏幻燈片banner的設計中。

除了單獨使用vh來設置高度外，vh也可以與其他單位一起使用。例如：

.container {
height: calc(100vh - 40px);
padding-top: 20px;
padding-bottom: 20px;
}

以上代碼將設置一個容器，使其高度等于視口高度減去40像素，并設置上下各20像素的內邊距。這種用法經常出現在全局頭部或底部，如全屏背景圖下的導航條或頁腳。

雖然vh單位的應用是非常方便的，但也需要注意一些問題，如在瀏覽器窗口縮小至一定程度時，頁面元素可能會出現滾動條，導致視口高度發生改變，從而影響vh單位的計算結果。

綜上所述，CSS3中的vh單位是一個非常有用的特性，能夠使網站設計更加靈活，同時也需要注意一些細節。