CSS中高度設置為剩余高度是一種常見的布局技巧。它可以讓一個元素的高度自適應于其父容器的剩余空間，從而達到更加靈活的頁面布局效果。

實現這種效果的方法是使用CSS中的calc函數來計算元素的高度。calc函數可以進行任意數字的加、減、乘、除四則運算，也可以和百分比、em、rem等單位一起使用。

.wrapper {
height: 500px;
background-color: #f5f5f5;
}
.box {
height: calc(100% - 100px);
background-color: #fff;
padding: 20px;
}

在上述代碼中，我們先將父容器的高度設置為500px，然后在子元素的高度中使用calc函數來計算剩余高度。這里我們假設子元素的上下邊距分別為50px，所以需要將剩余高度減去100px。

需要注意的是，使用calc函數要遵循一些規則。首先，運算符前后必須要有空格。其次，加減乘除四則運算符不能出現在括號的兩邊。

CSS中高度設置為剩余高度的方法不僅適用于元素的高度，也適用于寬度的計算。只需要將calc函數中的高度值換成寬度值即可。