JS calc() 动态计算长度函数

• CSS calc() 函数

• calc() 函数用于动态计算长度值。

• 需要注意的是，运算符前后都需要保留一个空格， 例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运算优先级规则；

#div1 {
  position: absolute;
  left: 50px;
  width: calc(100% - 100px);
  border: 1px solid black;
  background-color: yellow;
  padding: 5px;
  text-align: center;
}