CSS固定高度自適應是前端開發中必須掌握的技術之一，有效應用此技術可以使網頁布局更加美觀，用戶體驗更加良好。

.container{
height: 500px; /*設置容器高度為500px*/
}
.content{
height: calc(100% - 200px); /*通過calc()計算內容區域高度*/
}

以上代碼是一個簡單的固定高度自適應布局。其中，我們定義了一個容器（.container）的高度為500px，然后通過計算內容區域（.content）的高度，使其自適應容器高度。

這里我們使用了CSS3中的calc()函數來計算內容區域高度。calc()函數可以進行簡單的數學運算，并返回一個數值。其語法為：

width: calc(表達式);

在表達式中可以使用加減乘除及括號等運算符。

另外，利用百分比也可以實現固定高度自適應。例如：

.container{
height: 500px;
}
.content{
height: 70%;
}

以上代碼中，我們將內容區域的高度設置為容器高度的70%，因此無論容器高度為多少，內容區域始終占據容器高度的70%。

總之，固定高度自適應是CSS布局中非常重要的一環，掌握這一技術可以讓我們更加靈活地設計網頁布局。