CSS3的calc()函數(shù)是CSS3新增的一種計(jì)算方式，可以在CSS中計(jì)算數(shù)值，幫助開(kāi)發(fā)者更好地控制布局。

常見(jiàn)使用場(chǎng)景有：

width: calc(100% - 20px);
height: calc(50vh - 30px);

上述代碼中，分別計(jì)算了元素的寬度和高度，通過(guò)計(jì)算得出實(shí)際尺寸值。calc()函數(shù)支持加、減、乘、除、小括號(hào)嵌套等常見(jiàn)計(jì)算方式。

除了單一計(jì)算之外，calc()函數(shù)也支持多個(gè)計(jì)算表達(dá)式的組合使用。

width: calc((100% - 20px) / 2);
height: calc(50vh - 30px + 10%);
padding: calc(10px + 5%) calc(20px + 10%) calc(30px + 15%) calc(20px + 10%);

如上代碼所示，可以在一個(gè)calc()函數(shù)中多次使用計(jì)算表達(dá)式，并進(jìn)行加、減、乘、除、小括號(hào)嵌套等計(jì)算方式。這樣，我們就可以更加靈活地控制元素的布局和樣式。

在使用calc()函數(shù)時(shí)，注意瀏覽器兼容性。calc()函數(shù)在IE9及以下版本不支持，但在現(xiàn)代瀏覽器中得到了廣泛應(yīng)用。可以使用autoprefixer等CSS預(yù)處理工具自動(dòng)添加瀏覽器前綴，以提高瀏覽器兼容性。