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

css3 calc()功能

时间:2015-09-12 09:35:18      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:

cacl()是一个新的长度单位功能,可以使用通用的数学规则进行计算。

cacl()运算规则:

1. 使用“+”“-”“*”“/”四则运算;

2. 可以使用百分比、px、em、rem等单位;

3. 可以混合使用各种单位进行计算。

例:

.box{ border:1px solid #ddd; width:calc(100% - 2px) }  

//box的宽度加上边框宽度是100%

注:”+”、”-“两个符号边上必须要有空格,而”*”、”/”符号则不是必须的。

css3 calc()功能

标签:

原文地址:http://www.cnblogs.com/shirliey/p/4802555.html

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