CSS是前端開發中非常重要的一部分，其中計算寬高也是必不可少的。在CSS中，我們可以通過設置元素的寬高來控制頁面布局和樣式。

/* 設置元素寬高 */
.box {
width: 100px;
height: 50px;
}

但是，在實際開發中，我們經常遇到需要計算寬高的情況。比如，一個元素的寬度是由其父元素的寬度減去某個像素值得到的，這時我們就需要使用計算寬高。

/* 計算元素寬高 */
.parent {
width: 200px;
}
.child {
width: calc(100% - 50px);
}

上述代碼中，我們通過calc()函數來計算子元素的寬度，其中100%代表父元素的寬度，-50px代表需要減去的像素值。

除了使用calc()函數，我們還可以使用其他的計算單位，比如vw、vh、em等。

/* 使用vw單位計算寬高 */
.box {
width: 50vw;
height: 50vh;
}
/* 使用em單位計算寬高 */
.box {
width: 10em;
height: 5em;
}

在使用計算單位時，需要注意設置好元素的上下文關系，不然可能會造成布局錯誤。

總之，在CSS中計算寬高是非常重要的，它可以幫助我們實現更加靈活的頁面布局和樣式，提升用戶體驗。