css calc |css扫描动画效果

例如:
width: calc(100% - 20px);
height: calc(50% + 10px);

calc函数的语法非常简单，使用起来也非常方便，通过加减乘除等简单算法就可以动态计算元素的宽度、高度、边距、字体大小等等。在css的calc函数中，支持的所有操作符可以参考下表：

+    加
-    减
*    乘
/    除
%    百分数

同时，calc函数也支持嵌套，这意味着大家可以多次使用calc函数来计算。例如：

width: calc(50% - 20px);
height: calc(100% - calc(50% + 10px));

总的来说，css的calc函数非常有用，可以让大家轻松地控制元素的大小，并且可以降低代码的复杂度。相信在开发中，calc函数会成为大家必须要掌握的一项技能。