CSS calc() 函数

CSS calc() 函数

width: calc(100% - 100px);

calc()是一个css运算函数，上述表示在继承的父级100%宽度的情况下动态减去了100px

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

使用场景

比如说左边有一个100px的导航栏，右边的宽度想要设置，就可以使用calc()函数来实现，他是动态固定减去宽度100px之后的宽度

width: calc(100vw - 100px);就是屏幕最大宽减去100px，css回自己动态计算这个值。