今天写代码发现一个问题，弹出el-dialog弹窗时额外会出现一个遮罩层在整个页面最顶上，任意点击一处地方后才是正常的遮罩层和弹框，找遍所有功能点也没找到原因。后来听说用absolute绝对定位也会出现这样的问题，我一看自己的代码，原来是给最外面的div设定位为fixed了，无论是绝对定位还是固定定位，都会使元素脱离文档流，删掉换个布局去实现就好了。

遇到类似问题可以试试以下方法：

1.避免盒子是absolute、fixed、float等脱离文档流的布局，删除或其他布局替代(包括父元素或他的爷爷、曾祖父等)

2.如果是el-dialog里又嵌套了一层el-dialog弹框，一定要把内层的dialog加上append-to-body="true",插入至 body 元素，保证层级的正确(elementUI的组件内有更多解释)

我在注释掉fixed以后就恢复正常啦，如图：