html5的calc,详解CSS 3 中的 calc() 方法

HTML5中的calc是CSS3中的一个新特性，它可以在CSS中计算数学表达式，使得CSS的使用更加灵活方便。

calc()方法的语法如下：

width: calc(expression);

其中expression可以是数字、长度、百分比、变量和运算符的组合，支持加、减、乘、除和括号等运算符。例如：

width: calc(100% - 20px);

这个表达式表示元素宽度为其父元素宽度减去20个像素。

除了基本运算，calc()方法还支持嵌套使用，例如：

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

这个表达式表示元素宽度为其父元素宽度减去20像素和父元素宽度的10%的和。

总结一下，calc()方法是CSS3中非常实用的一个特性，它可以帮助我们更加方便地计算CSS属性值，提高开发效率。