element-ui 表格组件设置最大高度后 宽度无限拉长问题

table表格中的属性是可添加的所以需要给table添加一个滚动条 所以就做了如下操作：

.el-table {
	width: 100%;
  >>> .el-table__body-wrapper {
    max-height: 300px;
  }
}

更改过后就出现了表格宽度无限拉长的情况；

检查后发现造成这样的原因有两个：
一个是由于父级元素为flex布局，
另一个问题是没有给table表格添加一个高度 只是给他的子级组件.el-table__body-wrapper添加了最大高度，
这两个更改一个就能解决问题
所以我就给我的组件table上添加了一个最大高度

这个问题就解决了（我尝试了下样式不内嵌的话还是会出类似的问题、应该跟页面的执行机制相关吧）

希望能给遇到类似情况的小伙伴带来帮助；