我正在尝试calc()
在Sass样式表中使用该函数,但遇到了一些问题。这是我的代码:
$body_padding: 50px
body
padding-top: $body_padding
height: calc(100% - $body_padding)
如果我使用文字50px
而不是body_padding
变量,那么我得到的正是我想要的。但是,当我切换到变量时,这是输出:
body {
padding-top: 50px;
height: calc(100% - $body_padding); }
如何让Sass认识到它需要替换calc
函数中的变量?
10
混合中Usa变量的
—
cimmanon
@ user3705055您确实需要计算,因为Sass无法计算100%-50px,因为单位不同。只有知道容器的大小才能在添加值之前将100%转换为px时,浏览器才能计算出该值。这就是calc存在的确切原因。
—
Mog0