问题描述
项目使用Element-UI作为前端UI框架时,借助el-tree组件实现树形菜单时,存在父子关系,滚动条根据父级长度显示;
解决方案
出现该问题的原因是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%;
}