el-dialog窗口中绝对定位子元素被遮挡问题解决

el-dialog窗口中绝对定位子元素被遮挡问题解决

1.背景：el-dialog中使用了表单，表单校验信息不采用显示在输入框下方的方式，而是自定义一个组件来显示在标签上方（类似el-poppver），其使用了绝对定位；

2.现象：第一行表单元素（两个输入框，标签位置为top），当校验信息(显示于标签之上)为换行显示时，好像被el-dialog__header遮挡了，不能显示完全，因此力求可以显示完整的方法；
3.探索之路：网上搜解决绝对定位div子元素被遮挡的方法，均是父元素层级太低或父元素未设置position或绝对定位子元素未设置z-index为最大，均一一尝试，未果；

4.最终解决方法：一番试探后，发现：将el-dialog__body的overflow属性取消，不设置为hidden或auto或scroll，设置为visible或initial或unset，则绝对定位子元素可不被其他元素遮挡，正常显示，即窗口内若设置溢出，只针对溢出部分做滚动设置，而不对el-dialog__body整体做溢出设置，最终完美解决了遮挡问题；

5.思考：因为是经过一番试探找到了解决方法，至于为什么overflow属性的设置使得绝对定位子元素被遮挡呢，思考了一段时间，还未找出原因，也希望有知道的大佬们可以指点一二；

6.希望可以给跟我遇到同样问题的小伙伴们一些思路，那就再好不过啦！！！