elementUI - tree横向滚动问题

我想有用elementUI的人，有用到tree组件应该或多或少都有可能碰到tree节点过多需要横向滚动显示吧，但是组件文档上没有~而且百度上也少得可伶。
昨天也碰到这问题，后面在技术群里有人回答，我觉得这种问题应该记录下。

亲试这个确实能支持横向滚动，但是在我自己项目中却不生效，我也不知道啥情况。后面根据这样的css把设置在 .el-tree-node的样式往上层提升到 .el-tree样式中才可以。 而 .el-tree-node则不再需要自己写样式。

.tree{
      overflow-y: hidden;
      overflow-x: scroll;
      width:80px;
      height: 500px;
  }
 .el-tree {
     min-width: 100%;
     display:inline-block !important;
 }