使用element的el-table+flex布局后，缩放浏览器，表格不能缩小问题的解决方案

我们先看下问题，如下面两张gif所示

1.注意观察，拉伸浏览器时，表格是可以随着拉伸浏览器而自适应扩大 如下图

2.而缩小浏览器时，表格却不能随着浏览器的缩小而自适应的缩小 如下图

问题的表现已经很明显了，那么，原因和解决方案是什么呢？答案就在下面这个链接，

援引答案出处 ElementUI el-table 在flex下的宽度自适应问题

踩着巨人的肩膀，终于得到答案。@前端弓箭手

这里要感谢他，他的探索给我提供解决问题的思路，但我个人遇到的的问题与@前端弓箭手 提供的方案还有些许出入。如果完全一样我就不写这篇文章了，那么接下来，我重点说下我遇到的不同之处，和解决方案。

1.是怎么发现使用了el-table+flex就会出现这个问题的呢？是因为将el-talbe的代码注释掉之后，缩放浏览器页面就能自适应。而一旦加上el-table组件，缩小浏览器的时候，页面就无法自适应。且看下面的gif

先说明下我的页面布局，页面是两栏布局。整个右侧是固定宽度，假设为200px，整个左侧为自适应宽度，给予flex: 1;。
下面按照援引文章给出的思路，尝试解决。
将左侧包一个大div, flex-wrap-page-left，然后将其定位为position：absolute；，我们看下会发生什么，见下图

我们可以看到按照引用文章给出的思路，将左侧绝对定位后，左侧脱离了文档流，原本的右侧自动跑到了左侧，且被左侧覆盖。所以页面上呈现的是右侧没了，见上图。
还没写完。。