css的calc函数

2021-10-27 From 程序之心 By 丁仪

calc() 函数用于动态计算长度值。语法是 calc(expression)，其中 expression 是一个数学表达式。

#div {
    width: calc(100% - 100px);
    height: calc(100% - 100px);
}

需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；

任何长度值都可以使用calc()函数进行计算；

calc()函数支持 "+", "-", "*", "/" 运算；

calc()函数使用标准的数学运算优先级规则；

浏览器支持

本文来源：程序之心，转载请注明出处！

发表感想

扫码订阅程序之心

新文推荐