css的四则运算//子元素在父元素中居中

1. 正常情况下，CSS是不支持运算的

width : 400px - 200px -> 宽度失效了

calc() : 可以进行四则运算
width:calc(100% - 200px);
width:width:calc(100% * 2);

**注：**运算的时候，需要在运算符两边添加空格
**注：**乘除的时候，是只写倍数的，不写单位。
**注：**应用场景，在百分比与像素进行计算的时候，用的比较多。

2. 如何让子元素在父元素中上下左右居中

1. 定位 + 拉取 (子元素固定大小)
2. margin:auto + position的上下左右0
3. 定位 + 位移50%
4. flex弹性