css 样式中使用表达式

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

width:100%-30px;

~ 无效、郁闷啊!有时我们可以用

box-sizing: border-box;

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

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

width:calc(100% - 30px);

注意运算符左右空格哦  

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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。