CSS中有一個計算函數，叫做calc()函數，它可以用來實現長度和高度的自適應。calc()函數可以通過加減乘除來計算長度或者高度，可以使用百分比、像素、em或rem等長度單位。

width: calc(50% - 20px);

在上面的例子中，寬度是父容器寬度的50%減去20個像素。這樣子就可以實現長度自適應的效果。

height: calc(100vh - 100px);

在上面的例子中，高度是視窗高度的100%減去100個像素。這樣子就可以實現高度自適應的效果。

當然，我們也可以在calc()函數中使用其他的長度單位，比如em或者rem。在使用em或者rem的時候，需要注意要給父元素設置正確的font-size值。

font-size: 16px;
width: calc(100% - 1.5rem);

在上面的例子中，width是父容器寬度的100%減去1.5個rem長度。因為1rem的長度就是16px，所以1.5rem的長度就是24px。

通過使用calc()函數，我們就可以實現長度和高度的自適應。而且計算過程中支持加減乘除，可以使用各種長度單位。這種方式可以讓我們更加方便地控制網頁的布局，創建更優美的UI設計。