Web前端开发-Web前端工程师
CSS3参考手册
»
取值列表
»
函数值
»
相关内容:
其它函数值参考
选择其它项
counter()
attr()
calc()
min()
max()
cycle()
calc()
分享到
选择其它项
新浪微博
腾讯微博
QQ空间
人人网
豆瓣
复制本页链接
版本:CSS3
说明:本文档兼容性测试基础环境为:windows系统;IE6-10, Firefox4-17, Chrome16-23, Win Safari5.1.7, Opera11.5-12.5
说明:
用于动态计算长度值。
任何长度值都可以使用calc()函数进行计算。
calc()函数支持+, -, *, /, mod运算,以后还可能加入对min()/max()等运算。
兼容性:
浅绿
= 支持
红色
= 不支持
墨绿
= 部分支持
橙色
= 实验性质
支持版本
\类型
IE
Firefox
Safari
Chrome
Opera
版本
6-8
4
5.1.7
13-16
11.5-11.6
版本
9
示例:
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>calc()函数_CSS参考手册_web前端开发参考手册系列</title> <a target="_blank" rel="external" href="http://www.w3cways.com/">Web前端开发-Web前端工程师</a> <style> .test{width:-moz-calc(100% - 50px);width:calc(100% - 50px);background:#eee;} </style> </head> <body> <div class="test">我的宽度为100% - 50px</div> </body> </html>