目标：实现某个不固定高度的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}");
}
