目標：實現某個不固定高度的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}");
}
