使用 CSS 計算剩余高度的方法，就是結合使用視口單位和 calc() 函數。

首先，我們需要先用視口單位 vw/vh/vmin/vmax 來指定一個初始高度。

div {
height: 50vh; /* 50% 的視口高度 */
}

然后，我們可以使用 calc() 函數來計算剩余的高度。

div {
height: calc(100vh - 100px); /* 剩余高度為視口高度減去 100 像素 */
}

這個例子中，我們使用 calc() 函數來計算視口高度減去 100 像素的結果。這個結果就是 div 元素剩余的高度。

當然，我們也可以使用其他的單位來指定一個初始高度。比如說，使用百分比單位：

div {
height: 50%; /* 50% 的父元素高度 */
}

再結合 calc() 函數計算剩余的高度：

div {
height: calc(100% - 100px); /* 剩余高度為父元素高度減去 100 像素 */
}

這樣，我們就能夠使用 CSS 計算剩余高度，讓布局更加靈活和自適應。