說明
用于動態(tài)計算長度值耸弄。（需要注意的是握恳，運算符前后都需要留一個空格，例如：calc(100% - 20px);）
clac()是什么
首先calc()是什么，calc是英文單詞calculate（計算）的縮寫道逗。它在css3參考手冊中，屬于函數(shù)一欄献烦，所以你可以把它理解為一個函數(shù)滓窍，括號里面是它的表達(dá)式。它可以計算任何的長度值巩那。其次它是動態(tài)的計算的吏夯，所以不同單位之間的運算它也可以運算，例如：calc(10rem - 1px);
calc()可以做什么
理解了calc是什么拢操，那么在什么情況下運用它锦亦，它能做到什么，就顯而易見了令境，在流體布局中杠园，其中一個元素有了長度，其中一個元素并沒有固定的長度舔庶，他要根據(jù)窗口的大小抛蚁，或者其他的因素需要計算此時的長度陈醒，它輕易的就能實現(xiàn)你的動態(tài)布局。
calc()運算規(guī)則
calc()函數(shù)支持'+'瞧甩、'-'钉跷、'*'、'/'運算肚逸，其次爷辙，calc()函數(shù)使用標(biāo)準(zhǔn)的數(shù)學(xué)運算優(yōu)先級規(guī)則，并且支持不同單位之間的運算朦促，例如100%, rem, px膝晾。注意使用時，運算符'+'务冕、'-'前后必須留空格血当，其他運算建議留空格。另外在react中禀忆，必須在表達(dá)式前加上"~"臊旭。例如calc: (~"100% - 10px");
calc()瀏覽器兼容
如下圖：
安卓UC瀏覽器不支持calc屬性
示例
我出貼出我在實際項目中的樣式离熏，供大家參考
參考文獻(xiàn)：css3參考手冊
（第一次寫這種文章撤奸，可能寫得不夠仔細(xì)，不夠全面喊括，如果有任何意見或者建議給我，我會繼續(xù)完善它的矢棚，希望看到的人能夠?qū)δ阌兴鶐椭?/p>
