CSS calc() 函数
width: calc(100% - 100px);
calc()是一个css运算函数,上述表示在继承的父级100%宽度的情况下动态减去了100px
- 需要注意的是,运算符前后都需要保留一个空格,例如:
width: calc(100% - 10px)
;
使用场景
比如说左边有一个100px的导航栏,右边的宽度想要设置,就可以使用calc()函数来实现,他是动态固定减去宽度100px之后的宽度
width: calc(100vw - 100px);就是屏幕最大宽减去100px,css回自己动态计算这个值。