记录element的table组件在flex布局下宽度自适应解决办法发现一个使用了flex布局，element的tabl

发现一个使用了flex布局，element的table组件一起使用的问题,改变el-table父级组件的高度,但是el-table高度有问题, 会随父级组件高度变高而变高,但是不会随高度变小而变小.

<div style='display: flex; flex-direction: column;'>
  <div>占位符</div>
  <div class="table-box" style='flex: 1'>
    <el-table></el-table>
  </div>
</div>

解决办法: 在flex: 1的父元素设置position:relative;然后在.el-table设置position:absolute;

<div style='display: flex; flex-direction: column;'>
  <div>占位符</div>
  <div class="table-box" style='flex: 1; position:relative;'>
    <el-table style='position:absolute;'></el-table>
  </div>
</div>

原帖地址:

www.jianshu.com/p/79dd2cdf0…
blog.csdn.net/OHRadiance/…