css 样式中使用表达式

在没遇到calc之前我一直在想如果width/height能过写表达式得多好 例如100%-30px然后写上

width:100%-30px;

～ 无效、郁闷啊！有时我们可以用

box-sizing: border-box;

来解决一些问题，但还是有些情况无效

今天在看css手册的时候发现了一段demo令我眼前一亮  copy下来测试一把，其中就是

width:calc(100% - 30px);

注意运算符左右空格哦  

demo就不上了  在公司机器上有 有空补上