element的el-tree组件宽度超出父元素滚动条不生效问题

最近写的一个页面中遇到一个多级的树形结构，使用el-tree组件后，父容器规定了宽高，设置overflow:auto,但是超出后横向滚动条并没有出现。

Xnip2020-11-13_15-16-03.jpg

最后发现是el-tree组件中class名为el-tree-node的div是块级元素，需要把它变为inline-block，同时注意每一个节点占一行。所以覆盖element的样式：

.el-tree>.el-tree-node{
    min-width:100%;
    display: inline-block;
}