点击右上方红色按钮关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！

是不是还有人没有听过calc这个功能，或者者说知道但素来没有使用用过它的。CSS3新添加calc属性其实很简单，适应的场景情况也非常明确，不论怎样，看完这篇文章，你不仅会搞懂calc的用，更重要的是知道用calc功能起因只有一种情况：固定值与百分比相遇时。（举一个例子就会全明白）

一、calc的运算规则

1、可以用+，-，*，/运算

2、可以用百分比与px、em、rem单位运算

3、+，-时符号前后要有空格，*，/符号可以没有空格

二、举一个例子

【html结构代码】