elementUI——el-select下拉框展开收起时页面闪现横向滚动条问题--chrom浏览器

转自：https://blog.csdn.net/weixin_42284501/article/details/121906281

　　    https://www.cnblogs.com/pslive/p/14600872.html

 

 

我的问题：

使用el-drawer，内容div里面包含了el-select下拉框，展开/收起时，会闪现横向滚动条

 

原因：

下拉框右侧图标.el-input__suffix在展开收起时会横向放大，原因是这个图标占位是个高度和组件等高的长方形，展开收起的时候，长方形旋转，导致横向边长，撑大了组件占位

 

解决方法：

给父级设置 padding: 0 5px;