element-ui select 下拉框位置错乱问题解决

今天写bug时 ，突然发现个element下拉框的样式出现错乱，折腾了大半个小时总算搞定了，这里分享下。
先上错乱图

看上图，正常情况下下拉选项应该贴着select框的，而此时两者相隔甚远
这个时候只能检查下元素了

检查元素可以看到，el-select默认插入到body中的，现在出现这个bug后我们就不能再插入到body中了
官网有个属性可以设置成不插入到body中，先在代码中用起来
官网链接：element的select组件

那这个时候还不能完全解决问题，我们需要重置下select的默认样式
在我们的style标签中写

只修改了两处地方就解决了这个bug，总体来说应该还是页面布局有点问题，但这个祖传代码已经不允许我大刀阔斧了。。。