calc的英文是calculate的縮寫，中文為計算的意思，是css3的乙個新增的功能，用來只當元素的長度。比如說：你可以用calc()給元素margin、padding、border、font-size和width等屬性設定動態值。
為什麼說是動態值呢？因為我們是使用數學表示式來得到的值。
用法：
既然是動態的值，就代表著響應嘛。
給大家舉個例子：
在我們平常寫專案的時候，輪播圖你總是要寫的吧。那我們控制上一張下一張要用到什麼呢，還記不記得那些下面乙個個小圓圈，或者小箭頭，我們需要將它定位到最中間，因為看著好看！
或者說在寫乙個布局的頁面時，知道頭部的高度，假設為300px,但是側邊欄的高度我不知道該咋弄才能讓他剛好為瀏覽器高度-頭部的高度，這時候果斷用calc啊
height
:calc
(100vh - 300px)
;
是是是，大哥說的對，能好使是能好使，但是我這個語法他簡單啊，他**少啊，最主要是什麼！是什麼！逼格！！！，你看別人用的都是那些，你換個思路是不是檔次就顯現了那麼一丟丟，再說了，這個屬性又不是只能去搞定位，就是舉個例子嘛。
你可以去動態的去獲取寬高，間距這個那個的，你自己不用費勁的調，瀏覽器幫你解決了，他不香嘛！
話不多說，上**：
position
: absolute;
left
:calc
(50% - 50px)
;bottom
: 10%;
/*主要說一下calc的值 （）裡面的內容是數學表示式*/
css3 calc 方法詳解
平時在製作頁面的時候，總會碰到有的元素是100 的寬度。眾所周知，如果元素寬度為100 時，其自身不帶其他盒模型屬性設定還好，要是有別的，那將導致盒子撐破。比如說，有乙個邊框，或者說有margin和padding，這些都會讓你的盒子撐破。我們換句話來說，如果你的元素寬度是100 時，只要你在元素中新...
css3 calc 方法詳解
今天又請教了到了乙個之前自己沒有用到過得知識 calc 希望每乙個在學前端的路上都能遇到乙個帶著跑起來的大神 不求飛，只求踏踏實實一點一滴積累 渴求學習新知識的人，就尋求乙個能夠指導交流，共同進步的同伴吧！我們在涉及移動端布局的時候上篇講到box sizing的用法。但它可能會影響到其他布局。此處的...
css3屬性calc 實現自適應布局
如果元素寬度是100 時，只要你在元素中新增了border,padding,margin任何一值，都會把元素盒子撐破 標準模式下，除ie怪異模式 css3新新增屬性box sizing，在一定程度上解決了上面的問題。通過css3新增加的另外乙個屬性calc 也能實現自適應布局。calc 使用通用的數...