问题: 在左侧菜单栏折叠/展开的时候右侧设置flex:1;自适应布局的区域由于table表格宽度已经渲染,会出现横向滚动条不能自适应。
解决方案:
// 最大容器
.wrap { display: flex; flex: auto; }
// 左侧 .wrap-left { flex: 0 0 400px; 400px; } .wrap-right { flex: 1; margin-left: 20px; position: relative; }
// 给 table 加一个 div 设置属性 .table-div { position: absolute;
100%;
}