css3中的calc的使用

时间:2021-01-17 20:28:40

最近在布局的时候遇到一个问题,在页面中的左侧是侧边栏,右边是内容区域,内容区域中有一个固定定位的标签页,在设置固定定位的标签设置宽度的时候应该是内容区域的宽度,而固定定位的时候相对于是窗口的宽度,所以转换为了当前窗口的宽度减去左侧的侧边栏的宽度

开始在网上查了查有个calc属性是可以写表达式的,但是自己使用的时候却没有效果,自己测试了半天才发现是写法的错误

width: calc(100% - 10px); 

在写的时候需要在运算符的左右都加上空格才能生效