calc()的一些用法

318 阅读1分钟
//1
.cla {
	margin: calc(100% - 2vw - 3px);
}

//2
$num: 2vw;
.cla {
	margin: calc(100% - #{$num} - 3px);  //#{}为插值表示
}

//3
.cla {
	--v1: 2vw;        //css的变量一般放在:root{},因为那样可以最大范围的调用
	margin: calc(100% - var(--v1) - 3px)
}

//4
.cla {
	--v1: 2;
	margin: calc(100% - calc(1vw * var(--v1)) - 3px);
}

//5
clac()无法用inherit