elementui的dialog遮罩层打开无法关闭

项目场景：

在项目使用elementui的dialog是出现了遮罩层无法关闭的诡异bug 如下图

---

问题描述：

后来搜索网上的方法再dialog中添加了:
modal-append-to-body=‘false’
内联代码片。

// dialog代码
<el-dialog modal-append-to-body='false' >

结果：
更加诡异，dialog关闭时无法关闭遮罩层
如下图

原因分析：

通过查阅资料得知这是由于我给父元素加了定位元素

// 父元素div内联样式
<div style="float:left">

---

解决方案：

elementui官网给了我们一个解决方案那就是使用

// dialog样式
 <el-dialog :append-to-body="true">

就可以解决问题了
最后运行图片