css3 calc()功能

之前，我們想要實現一個完美的寬度響應式的輸入框好麻煩，曾經也被作為對前端技術的一個挑戰。類似的常見場景還有100%寬+邊框的容器等。遇到這些情況，我們不得不分外小心，因為各個瀏覽器的表現可能不一致。

現在，Firefox和Chrome相繼支援calc()功能了，我們也可以學習一下了。

calc()是做什麼用的？

calc()是單字calculate(計算機)的縮寫，是css3的一個新的長度單位功能，可以使用簡單的數學運算。

嗯，CSS3越來越高級了。

運算規則
calc()使用通用的數學運算規則，但是也提供更智慧的功能：
‧使用“+”“-”“*”“/”四則運算；
‧可以使用百分比、px、em、rem等單位；
‧可以混合使用各種單位進行計算。

實例
.box{
border:1px solid #ddd;
width:calc（100%-2px）
}