码迷,mamicode.com
首页 > Web开发 > 详细

css 样式中使用表达式

时间:2014-11-19 02:03:41      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:css 可计算宽度 calc

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

width:100%-30px;

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

box-sizing: border-box;

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

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

width:calc(100% - 30px);

注意运算符左右空格哦  

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

css 样式中使用表达式

标签:css 可计算宽度 calc

原文地址:http://tianxing.blog.51cto.com/1515290/1579339

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!