参考

el-tree显示横向滚条的问题

问题描述

最近的项目使用Element-UI作为前端UI框架时，借助el-tree组件实现树形菜单时，父容器规定了宽高，设置overflow:auto,但是当节点显示的文本超过定义的长度时，横向滚动条并未显示；

解决方案

出现该问题的原因是el-tree组件中class名为el-tree-node的div是块级元素，需要把它变为inline-block，,所以覆盖element的样式：

.el-tree {
  width: 100%;
  overflow: scroll;
}

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