Css calc（）函数不使用sass文件[重复]

Question

问题:

• sass文件中calc函数的正确使用。

案例：

.class1  {
      max-width: calc(100% - #{$endWidth});
      min-width: $startWidth;
      text-overflow: ellipsis;
    }

.class2 {
      max-width: calc(100% - #{$startWidth});
      direction: rtl;
    }

已审理案件：

>

我在堆栈溢出中验证了一些答案，其中一个问题的答案启发了我的问题堆栈溢出参考。解决方案不适用于我的场景，

我应该在sass中使用mixin来让它工作吗？

Answer 1

虽然默认情况下，calc（）确实会导致SASS文件出现问题，但这可以通过使用插值（正确使用插值）来避免。

对于您的问题，唯一可能的解释是：

• 您没有（或未正确定义）SASS变量：$startWidth和$endWidth

下面是一个JSFiddle示例，展示了上述代码的工作情况。