css中数值计算

css中数值计算

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);
}

注意事项: 计算公式计算符号两端的空格不能省略,不然计算无效,浏览器无法识别

来源： http://www.webhek.com/css-calc/

来自为知笔记(Wiz)

转载于:https://www.cnblogs.com/funn0812/p/5132363.html