CSS中使用calc()函数计算布局
calc()函数是CSS3新增的一个函数，它可以在CSS中进行算术运算，并可以使用加减乘除等运算符进行计算，它可以用来计算布局，比如宽度，高度，边距，padding等。
calc()函数的基本使用方法：
calc( expression )
其中expression可以是算术表达式，比如：
- + - * / 加减乘除运算符，比如：calc(100px + 20px)
- () 括号，比如：calc(100px + (20px * 3))
- % 百分比，比如：calc(100% - 20px)
- 数字，比如：calc(100px + 20)
calc()函数可以用来计算布局，比如计算宽度：
width: calc(100% - 20px);
计算高度：
height: calc(100px + 20px);
计算边距：
margin: calc(10px + 5px);
计算padding：
padding: calc(20px - 10px);
calc()函数不仅可以用来计算布局，还可以用来计算颜色，比如：
background-color: calc(#fff + #000);
calc()函数是CSS3新增的一个函数，它可以用来计算布局，比如宽度，高度，边距，padding等，它的基本使用方法是：calc( expression )，其中expression可以是算术表达式，比如+ - * / 加减乘除运算符，括号，百分比，数字等。