calc()不起作用

现象

在写页面布局时，希望某个元素能够占用兄弟元素外所有宽高，就想到使用calc()

<div ref="barChart" style="width:calc(90vw-60px);height:calc(90vh-300px) ;"></div>

发现页面不起作用

解决办法

calc(x - y)：x、y与-号应该有空格

<div ref="barChart" style="width:calc(90vw - 60px);height:calc(90vh - 300px) ;"></div>