在CSS中，我們可以使用calc()函數來計算元素的高度。這個函數可以幫助我們在設置元素高度時，更方便地進行計算和布局。

calc()函數的語法如下：

height: calc(基礎值 運算符 固定值);

其中，基礎值可以是長度單位，也可以是百分比；運算符可以是加、減、乘、除；固定值只能是長度單位。比如：

height: calc(100% - 60px);

這個例子中，元素的高度為父元素高度的100%減去60像素。

使用calc()函數還可以實現動態計算，使得頁面的布局更加靈活。比如，可以計算出兩個元素的高度比例：

.container {
display: flex;
}
.box1 {
height: calc(100% - 50px);
}
.box2 {
height: calc(50px + (100% - 50px) * 0.7);
}

在這個例子中，容器使用flex布局，讓兩個盒子占據父元素的全部空間。盒子1的高度為父元素高度減去50像素，盒子2的高度為50像素加上父元素高度減去50像素的0.7倍，即盒子1的高度為盒子2高度的1.7倍。

最后需要注意的是，IE瀏覽器不支持calc()函數，需要使用其他方式進行兼容。可以使用JavaScript來計算樣式，并設置元素高度。