惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

G
Google Developers Blog
小众软件
小众软件
The Cloudflare Blog
S
SegmentFault 最新的问题
美团技术团队
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
阮一峰的网络日志
阮一峰的网络日志
博客园 - 聂微东
V
Visual Studio Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
雷峰网
雷峰网
WordPress大学
WordPress大学
T
Tailwind CSS Blog
腾讯CDC
人人都是产品经理
人人都是产品经理
月光博客
月光博客
Microsoft Azure Blog
Microsoft Azure Blog
M
MIT News - Artificial intelligence
D
DataBreaches.Net
Apple Machine Learning Research
Apple Machine Learning Research
P
Proofpoint News Feed
J
Java Code Geeks
宝玉的分享
宝玉的分享

博客园 - Fintech技术汇

conda环境导出/导入 linux-断开SSH终端连接后,保持程序依然运行 linux命令 GO单元测试-工具 开源协议 JKS证书转换 Moodle环境搭建 githubusercontent和github加速镜像 Ubuntu下解决Git保存用户名和密码的方法 MySql操作 NPM设置和恢复淘宝镜像 Spring Boot实现热部署 Docker命令 MySql忘记密码后重置 IntelliJ IDEA 推荐设置讲解 Spring Boot VS Spring Cloud 分布式RPC框架ZeroC Ice简介 Visual Studio中,你应该知道的几个Immediate Window小技巧 如何调试没有源码的.Net程序 从msi解压文件
Element UI - el-tree组件显示横向滚动条
Fintech技术汇 · 2025-08-17 · via 博客园 - Fintech技术汇

1. 在tree外包一层div,并设置父元素的高,这样才不会出现横向滚动条在树的最低端,需要滚动竖向滚动条才能看到。

<div class="tree">  
  <el-tree>
  </el-tree>  
</div>

2. 定义tree的样式

.tree {
  overflow-y: auto;  
  overflow-x: scroll;
  width: 80px;
  height: 500px;  
  background-color: #ffffff;  
}

3. 重写tree样式

.el-tree {  
  min-width: 100%;
  display: inline-block !important;  
}

4. 设置以下属性,可以防止树多出了莫名的高度

.el-tree-node > .el-tree-node__children {
  overflow: visible;