如何在计算中使用引导容器的宽度作为变量

Question

calc((100% - 1240px) / 2)

在这个代码中，我想使用容器的宽度作为变量，而不是写1240px，所以它是随着屏幕宽度的变化而变化的。我使用bootstrap与sass。有提示吗?谢谢。

Answer 1

这就是我在上面的评论中试图解释的一个例子。

对了，你的问题肯定有更好的解决办法。

:root {
--container-width: 200px;
}
.container{
width: var(--container-width);
border: solid 1px red;
}
#target{
border: solid 1px green;
width: calc((100% - var(--container-width)) / 2)
}

<div class="container">Container</div>
<br>
<div id="target">Target</div>