轉載來源：https://www.cnblogs.com/modouer/p/8526804.html
calc(100%-123px) 無效，嘗試多次都失敗！
原來CSS3版本和以前版本不一樣！
CSS3中：
設置寬度：width:calc(100vw - 123px);
說明：1、vw是width of view(port)的縮寫；
2、100vw表示百分之百的視圖寬度；
3、123px是需要減去的寬度；
4、減號的兩邊必須都有至少一個空格。
設置高度：height:calc(100vh-123px);
說明：1、vh是height of view(port)的縮寫；
2、100vh表示百分之百的視圖高度；
3、123px是需要減去的高度；
4、同理減號的兩邊必須都有至少一個空格。
案例：動態設置echarts 曲線圖的高度，操過高度就顯示滾動條。
100%高度-頁面其它部分高度（63px）=echarts圖形可顯示高度。
<div style="height:calc(100vh - 63px);margin-top:15px;overflow: auto;" >
<div id="chartsHour" ></div>
</div>