Less calc() 单位兼容问题

目标：实现某个不固定高度的container中的元素居中

分析：

• 不固定高度的container高度的一般可用50%表示
• 居中的元素有固定大小，比如font-size:20px;

尝试：==> 报错！

.class {
  height: calc(50% - 10px);
}```

**解决方法一：**添加 `~`

.class {
height: calc(~"50% - 10px");
}

**解决方法二：**当方法一不可行时，借助less变量`@var`

.class {
@var: 10px;
height: calc(~"50% - @{var}");
}