CSS3中的calc()是一種表達式計算函數，可用于計算長度、百分比、角度值等。它可以幫助我們實現更靈活、高效的布局和設計。

/* calc()的基本語法格式如下 */
width: calc(expression);
/* 例如 */
width: calc(100% - 20px);
height: calc(50vh - 2em);

calc()函數支持加減、乘除等基本運算和括號嵌套方式，較為靈活。下面是一些calc()的示例：

/* 加減運算 */
width: calc(100% - 20px);
/* 乘除運算 */
height: calc(50vh / 2);
/* 括號嵌套 */
margin: calc((100% - 100px) / 2);
/* 多項運算 */
font-size: calc(14px + 0.5vw - 1em);

calc()函數還可以與其他css屬性配合使用，實現更多的效果。例如：

/* 動態調整div高度 */
div {
width: 100%;
height: calc(100vh - 80px);
background-color: #f1f1f1;
}
/* 添加一個空白區域 */
div {
width: 100%;
height: calc(100vh - 100%);
padding-top: calc(50vh - 100px);
background-image: url("bg.jpg");
}

總之，calc()是CSS3提供的一個強大的計算函數，能夠幫助我們實現更靈活、高效的網頁布局和設計。