calc()
例:
.simpleBlock {
width: calc(100% - 100px);
}
/* calc in calc */
.complexBlock {
width: calc(100% - 50% / 3);
padding: 5px calc(3% - 2px);
margin-left: calc(10% + 10px);
}
注意事项: 计算公式计算符号两端的空格不能省略,不然计算无效,浏览器无法识别
.simpleBlock {
width: calc(100% - 100px);
}
/* calc in calc */
.complexBlock {
width: calc(100% - 50% / 3);
padding: 5px calc(3% - 2px);
margin-left: calc(10% + 10px);
}
注意事项: 计算公式计算符号两端的空格不能省略,不然计算无效,浏览器无法识别
转载于:https://www.cnblogs.com/funn0812/p/5132363.html