CSS3是一種強大的樣式語言，可以幫助網頁開發人員實現不同的布局和視覺效果。其中，高度100%是一種常見的布局方式，可以讓元素在垂直方向上自適應瀏覽器窗口大小。

height: 100%;

CSS3中的高度100%可以應用于各種元素，如div、section、article等。在使用高度100%的時候，需要注意父元素的高度必須已經被定義，否則就會失效。

.parent {
height: 500px;
}
.child {
height: 100%;
}

除了直接設置高度100%，還可以使用calc()函數來計算元素的高度。例如，下面的代碼可以讓元素的高度等于父元素高度減去一個固定的值。

.child {
height: calc(100% - 50px);
}

另外，如果想要讓元素在一定范圍內自適應高度，可以使用min-height和max-height。例如，下面的代碼可以讓元素的最小高度為200px，最大高度為500px。

.child {
min-height: 200px;
max-height: 500px;
}

總之，CSS3中的高度100%是實現網頁垂直自適應布局的重要手段，可以幫助網頁開發人員實現更好的用戶體驗。