【问题处理】Element UI 弹窗样式优化

问题现象

当弹窗内容过长时，滚动条不是出现在弹窗的边框上，而是出现在浏览器的最右侧，并且如果设置了弹窗高度，那么弹窗内容还会溢出弹窗
弹窗问题样式

解决方案

添加如下CSS样式，来优化弹窗滚动条的显示

.el-dialog {
  display: flex;
  flex-direction: column;
}
.el-dialog > .el-dialog__body {
  overflow: auto;
}

优化后的样式效果
弹窗问题样式

本文作者：车库Lab

发布时间：2020-05-22

2022-01-26