使用el-tree其中一个坑，显示异常。

个人BUG解析记录。

尽量用z-tree, 别用el-tree

先上视频,
好吧，不允许上传视频。
点击在下面清晰可见checkbox当时，左侧和目录树之间的位置变为黑色。接下来，我说我发现了BUG以及解决问题的过程

复现BUG的过程

1. 收到试题后，我仍然感到困惑，因为只有PC对于这个问题，web它是正常显示的，所以我打算在本地复制它，但复制它的可能性非常小。
2. 因为我曾经scrollintoview它用于单击文件夹以定位目录树，因此它是我的第一个怀疑对象。所以我把每个文件夹做得很长，看看它是否是定位造成的黑色块。经过十多分钟的点点滴滴，发现它没有再出现。
3. 其次，我想知道是不是因为布局和其他风格PC渲染有问题，所以我开始变得很随意。然后我发现这个问题只有在垂直滚动条没有设置在顶部并且有水平滚动条的前提下才能重现，于是我开始调查el-tree我给的风格
4. 发现el-tree给出的样式为display: table; 这是我添加到水平滚动条的新穿透样式。当我添加他时，我发现问题已经解决，并且没有黑块。但是如果我想要水平滚动条样式，我该怎么办，所以我最终使用了它display: grid; 解决的

总结：把display: table； 改成display: grid; 就可以了

这个bug可能没有你的参考， 我只是分享了我的发现bug以及解决问题的过程