overflow-x: overlay属性学习（用了fixed属性后，由于滚动条的高度导致表格错位）

遇到问题是这样的：用了fixed属性后，由于滚动条的高度导致表格错位。

解决方案：overflow-x: overlay;

/deep/ .el-table--scrollable-x .el-table__body-wrapper {
  height: calc(100% - 40px);
  overflow-y: auto;
  overflow-x: overlay;
}

 

划重点：

auto时滚动条会占用宽度, 布局会发生变化

overlay时滚动条会覆盖在内容上, 会遮挡一部分内容