最近這個月一直在趕項目開發，遇到的問題和學到的前端知識沒有更新到博客園，現在閑了下來，就整理一下前端知識。

在項目開發中，在樣式這方面花費的時間較多，因為針對于數字的變化特別多，本人不愛記數字，在看設計圖時總是反復計算之間的數值，覺得很麻煩，偶然谷歌一下，發現了css3的一個屬性--calc()

calc() 很顯然，是calculate的縮寫--計算。是css3的一個屬性。可以用來給width，height，border，margin以及padding等屬性值設置動態值，拿個例子說：

Title

height:200px;background:red;border:1px solid;

}.two{height:100%;padding-left:10px;padding-right:20px;background:pink;width:calc(100% - 10px - 20px);//內容的寬度是170px}.three{height:100%;padding-left:20px;background:aqua;width:calc(100% - 20px);//內容的寬度是150px}

abc

總結

以上是生活随笔為你收集整理的css里calculate,calc() ---一个会计算的css属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。