解决element-ui, 在el-dialog中下拉框错位问题

Alvin丶yx

已于 2023-03-10 13:51:31 修改

阅读量1.2k

点赞数

文章标签： vue.js 前端 javascript

于 2023-03-10 13:14:32 首次发布

本文链接：https://blog.csdn.net/weixin_44999420/article/details/129440674

版权

文章讨论了在前端开发中遇到的搜索下拉输入框在无数据时出现错位的问题。提供两种解决方案：一是通过添加.fix-dialog-position.el-dialog__wrapper的CSS样式，设置定位为绝对；二是修改htmlbody的CSS，将overflow属性设为auto，以消除样式冲突并修复Select输入框的显示问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 全局样式, 注意: 带有搜索性质的下拉输入框, 在搜索无数据时, 仍有错位问题
.fix-dialog-position.el-dialog__wrapper {
  position: absolute;
}

// 使用:

<el-dialog class="fix-dialog-position">
 // do something
</el-dialog>

第二种方案:

html body的css

{overflow：auto}

去掉就好了, 属性之间相互影响到了，同时也可以解决上面的select输入框错乱问题