没啥难度，但是很实用的一个计算，w3c的链接：http://www.css88.com/book/css/values/functional/calc().htm
先厚颜无耻的截下图先：
兼容性：
所以如果要适配ie8的话就慎重了，而且android老人机还是很多是4.x的，要慎重
代码的话不多，直接上一个例子就可以了：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div style="width: calc(100% - 100px);height:200px;background-color:#000;"></div>
</body>
</html>要注意的是在运算符“-“的两边要空格，不然后报错的，因为浏览器可能会把你当做一个字符串来解析的，
其次，他当然也支持rem这些的，所以小程序的rpx你可以去试试
个人猜测应该是先将两个转化为px再运算的吧
扫一扫
860
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
