el-select、el-dropdown 下拉框位置偏移

问题: 在点击组件时，下拉框会随机出现位置偏移情况

如图

下拉框偏移到页面左上角.png

解决办法：

HTML

<el-select  popper-class="popper-select" :popper-append-to-body="false">
      <option></option>
 </el-select>

CSS

::v-deep .popper-select {
  position: absolute !important;
  top: 35px !important;
  left: 0px !important;
}

总结

不再动态计算元素的位置，也不让它们插入到body中，而是让下拉框绝对定位到父元素上，从而实现子绝父相。

包含dropdown在内的所有下拉同样处理方法！