CSS3中一項很有用的新特性是calc()函數，它可以用于計算出CSS屬性的值。在HTML中，可以使用calc()函數來計算元素的高度。需要注意的是，該函數只能用于高度（height）和寬度（width）屬性的值。

/* 在高度屬性中使用calc()函數，計算出元素的高度 */
#box {
height: calc(100vh - 50px);
}

在上述代碼中，我們使用了calc()函數來計算#box元素的高度。在這里，vh表示視口高度，也就是瀏覽器可視區域的高度。由于我們想讓#box元素的高度為瀏覽器可視區域高度減去50px，因此計算式為100vh - 50px。

另外，我們也可以在計算式中使用其它的單位，例如：

/* 在高度屬性中使用calc()函數，計算出元素的高度 */
#box {
height: calc(100% - 50px);
}

在這個例子中，我們使用了百分比單位（%）來計算#box元素的高度。假設#box元素的父級元素高度為600px，由于我們想讓#box元素的高度為父級元素高度的百分之九十減去50px，因此計算式為90% - 50px。

通過使用calc()函數，我們可以更加靈活地控制頁面元素的高度和寬度，從而達到更好的效果。