CSS樣式中，calc函數(shù)常用于計算一些復(fù)雜的樣式表達(dá)式，在布局設(shè)計中特別實用，但有時候，我們卻會遇到calc無法觸發(fā)的問題。

.box {
width: 100px;
height: calc(100% - 20px);
background: red;
}

上述代碼意圖是為一個寬度為100px、高度為瀏覽器高度減去20px的容器裝上紅色背景。然而，有時候我們會發(fā)現(xiàn)這個容器樣式并沒有按照我們的意圖被渲染，而是按照默認(rèn)高度來顯示。

這種現(xiàn)象通常是因為樣式表達(dá)式中存在除法運算，而被除數(shù)是一個長度單位，IE瀏覽器無法識別這類表達(dá)式。

.box {
width: 100px;
height: calc(100% - 20px/2); /* IE無法識別這個表達(dá)式 */
background: red;
}

解決這種問題的方法是，將被除數(shù)轉(zhuǎn)換成另外一個長度單位或使用簡寫形式。

.box {
width: 100px;
height: calc((100% - 20px)/2); /* 將被除數(shù)轉(zhuǎn)換成可以識別的表達(dá)式 */
background: red;
}

總之，在運用calc函數(shù)時，只要注意使用合法的表達(dá)式，避免語法錯誤，就能夠?qū)崿F(xiàn)復(fù)雜可靠的樣式布局。