问题： 在左侧菜单栏折叠/展开的时候右侧设置flex:1；自适应布局的区域由于table表格宽度已经渲染，会出现横向滚动条不能自适应。

  解决方案：

// 最大容器
.wrap {
    display: flex;
    flex: auto;
}
// 左侧
.wrap-left {
    flex: 0 0 400px;
    width: 400px;
}
.wrap-right {
    flex: 1;
    margin-left: 20px;
    position: relative;
}
// 给 table 加一个 div 设置属性
.table-div {
    position: absolute;
    width: 100%;
}