CSS中有一個(gè)非常實(shí)用的函數(shù)——calc()，它可以對(duì)元素的尺寸進(jìn)行復(fù)雜計(jì)算，其中包括百分比的運(yùn)算。

/* 將元素寬度設(shè)為屏幕寬度的50% */
width: 50%;
/* 將元素寬度設(shè)為屏幕寬度減去100像素 */
width: calc(100% - 100px);
/* 將元素寬度設(shè)為屏幕寬度的2倍減去100像素 */
width: calc(200% - 100px);
/* 將元素寬度設(shè)為屏幕寬度的70% */
width: calc(70%);
/* 將元素高度設(shè)為屏幕高度的一半 */
height: calc(50vh);
/* 將元素高度設(shè)為內(nèi)容區(qū)高度的一半 */
height: calc(50% - 50px);

通過(guò)calc()函數(shù)，我們可以將元素的尺寸計(jì)算得更加靈活，為響應(yīng)式設(shè)計(jì)提供了更多可能性。