我学到了关于CSS函数calc()和它的真棒。我试图使用它像:
#abc{width:calc(100%-20px)}
但是这个功能的问题是它不起作用。我测试了这个代码IE9和Safari,它没有工作。
为什么不起作用?
解决方法
运算符“ – ”必须被空格包围:
#abc{width:calc(100% - 20px)}
引用MDN info on calc()
:“注意:运算符必须始终被空格包围。 calc(50%-8px)的操作数将被解析为一个百分比,后跟一个负长度,一个无效的表达式,而calc(50% – 8px)的操作数是一个百分比,后跟一个减号和一个长度“。
关于这个的正式声明是在clause 8.1.1的CSS值和单位模块3级CR。