calc() 计算函数

使用方式:

.main{
  top: calc(50% - 56rpx);
  left: calc(50% - 150rpx);
}

参数说明:

calc(计算表达式)

计算表达式支持 "+", "-", "*", "/" 运算;

计算表达式遵循数学运算优先级规则;

注意事项:

运算符前后都需要保留一个空格,例如:width: calc(100% - 10px)

calc支持css定义的所有单位,查看(单位(尺寸)),

例如,如果想高度为屏幕窗口的百分百,则可以  

.main{
  width: calc(100vw);
  height: calc(100vh);
}