element-ui select 下拉框位置錯亂問題解決

今天寫bug時 ，突然發現個element下拉框的樣式出現錯亂，折騰了大半個小時總算搞定了，這裏分享下。
先上錯亂圖

看上圖，正常情況下下拉選項應該貼着select框的，而此時兩者相隔甚遠
這個時候只能檢查下元素了

檢查元素可以看到，el-select默認插入到body中的，現在出現這個bug後我們就不能再插入到body中了
官網有個屬性可以設置成不插入到body中，先在代碼中用起來
官網鏈接：element的select組件

那這個時候還不能完全解決問題，我們需要重置下select的默認樣式
在我們的style標籤中寫

只修改了兩處地方就解決了這個bug，總體來說應該還是頁面佈局有點問題，但這個祖傳代碼已經不允許我大刀闊斧了。。。