今天又請教了到了乙個之前自己沒有用到過得知識~~calc() 希望每乙個在學前端的路上都能遇到乙個帶著跑起來的大神（不求飛，只求踏踏實實一點一滴積累）渴求學習新知識的人，就尋求乙個能夠指導交流，共同進步的同伴吧！
我們在涉及移動端布局的時候上篇講到box-sizing的用法。但它可能會影響到其他布局。
此處的calc相比來講，要簡單的多。你可以使用calc()給元素的border、margin、pading、font-size和width等屬性設定動態值。不過calc()最大的好處就是用在流體布局上，可以通過calc()計算得到元素的寬度，實現自適應寬度。
calc其實是calculate 計算 的縮寫形式
calc() 函式用於動態計算長度值。
用法：width: calc(表示式)
例子：
body
需要注意的是120px = （margin + padding + border）* 2 + 'position'兩邊總和，可以發現剩餘空間並不是平均分配
去掉position：absolute 值得注意的是中間部分寬度反而變窄了。
呈現效果沒多大影響
所以，我們在設計的時候，表示式中不要有多餘的值。
如果有瀏覽器相容性問題，可以通過新增字首：
.elm
css3 calc 方法詳解
平時在製作頁面的時候，總會碰到有的元素是100 的寬度。眾所周知，如果元素寬度為100 時，其自身不帶其他盒模型屬性設定還好，要是有別的，那將導致盒子撐破。比如說，有乙個邊框，或者說有margin和padding，這些都會讓你的盒子撐破。我們換句話來說，如果你的元素寬度是100 時，只要你在元素中新...
css3 calc 屬性介紹
calc的英文是calculate的縮寫，中文為計算的意思，是css3的乙個新增的功能，用來只當元素的長度。比如說 你可以用calc 給元素margin padding border font size和width等屬性設定動態值。為什麼說是動態值呢？因為我們是使用數學表示式來得到的值。用法 既然是...
CSS3例項教程 詳解calc 函式功能
calc 對大家來說，或許很陌生，不太會相信calc 是css中的部分。因為看其外表像個函式，既然是函式為何又出現在css中呢？這一點也讓我百思不得其解，今天有一同事告訴我，說css3中有乙個屬效能實現自適應的布局，首先讓我想到的是box sizing，但跟我說還可以計算，這讓我不得不想起calc ...