现象
在写页面布局时,希望某个元素能够占用兄弟元素外所有宽高,就想到使用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>