vue项目前台带表格的页面，让表格根据屏幕大小自适应高度，小屏幕时不出现多个滚动条

参见馆藏库房系统，

右侧整体结构一般如下

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<el-container class="ml10 mr10 br7 bgw"> 　　<el-main> // el-main默认就是100%的高度，主要包括三个区域 　　　　1、上面筛选区域,一般为35px+10px的margin值 　　　　<el-form> 　　　　</el-form> 　　　　2、下面表格区域，表格区域的高，就是等于100% - (筛选区域的高 +  翻页区域的高（含magin值）) 　　　　<div style= "height:calc(100% - 90px)"> 　　　　<el-table height="100%">　　　//我们需要计算的就是table外层div的高，然后给table设置height="100%"即可，不需要减去表头的高度 　　　　</el-table> 　　　　</div> 　　　　3、翻页区域，一般为35px+10px的margin值   　　</el-main> </el-container>