CSS是網頁設計中最常用的一種樣式語言，常常用來控制元素的大小、位置、顏色及行為等方面。其中，垂直高度自適應是CSS中一個非常重要的功能，通過它我們可以輕松地實現元素的自適應高度，使網頁布局更加美觀、靈活、優雅。

/* 以下是一個經典的垂直高度自適應樣式 */
.element {
display: table;
height: 100%;
width: 100%;
}
.element >* {
display: table-cell;
height: 100%;
vertical-align: middle;
}

在這個樣式中，我們通過設置display屬性為table，將元素轉換成表格布局，并且通過設置height和width為100%，將其占滿整個父容器。然后，使用display:table-cell將元素內部的子元素轉換為表格單元格，通過設置height:100%和vertical-align:middle實現垂直居中對齊。

這個樣式的優點是適用于多個元素的父容器高度自適應，無需指定任何具體高度即可適應任何高度的元素。同時，也不需要使用復雜的JavaScript腳本實現自適應高度效果。

需要注意的是，由于該樣式使用了display:table和display:table-cell屬性，對于部分老舊的瀏覽器可能存在不兼容的情況。因此，在編寫網頁時，需要針對不同瀏覽器進行相應的兼容處理。