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

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

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

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

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

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

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

總之，在運用calc函數時，只要注意使用合法的表達式，避免語法錯誤，就能夠實現復雜可靠的樣式布局。