javascript - el-table 全局滚动条导致错位，求解决方案 云课堂问答

如题我使用全局的滚动条样式覆盖

 ::-webkit-scrollbar { width: 0; height: 8px; background-color: #F5F5F5; } ::-webkit-scrollbar-track { height: 8px; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0); border-radius: 10px; background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { height: 8px; border-radius: 4px; -webkit-box-shadow: inset 0 0 6px rgba(208, 230, 250, .3); background-color: #c5daff; }    

然后element table拖动到最下面就错位成这样了

按理说应该要这样的效果

可怎么改都不行，只能把全局的覆盖去掉，单独给这个table组件写一个样式，而不用覆盖式的css写法，但这样导致只能改滚动条的颜色样式，el-table那一小块缺口是固定死15px，就是改不了宽高了，很郁闷，求大神给个解决方案。