CSS計算寬度是一種常見的技術(shù)，可以通過它設(shè)置網(wǎng)頁中元素的寬度，來實現(xiàn)網(wǎng)頁的布局和美觀性。下面我們將介紹一些常見的CSS計算寬度的寫法。

.box1 {
width: calc(100% - 30px);
/* 此處計算寬度為瀏覽器寬度 - 30px */
}
.box2 {
width: calc(50% + 50px);
/* 此處計算寬度為瀏覽器寬度一半 + 50px */
}
.box3 {
width: calc((100% / 3) - 10px);
/* 此處計算寬度為瀏覽器寬度除以3，減去10px */
}
.box4 {
width: calc((100vw - 100px) / 2);
/* 此處計算寬度為瀏覽器視口寬度減去100px，再除以2 */
}

上述寫法中，calc()函數(shù)可以用于計算各種數(shù)學(xué)表達式，如加減乘除等，其中百分比也可以被視作數(shù)學(xué)表達式的一部分。在處理需要計算寬度的布局時，這種寫法可以方便地根據(jù)瀏覽器的寬度、視口的寬度等因素進行計算，靈活地進行頁面布局設(shè)計。