element el-dialog内容高度根据浏览器变化

在做弹出窗体的时候，开始通过自动计算弹出高度，在改变浏览器大小的时候会出现布局乱了，后面想到通过样式定位解决

 <el-dialog
    custom-class="lzg-dialog-height"
  >
  </el-dialog>

.lzg-dialog-height{
  width: 70%;
  top: 7%;
  right: 15%;
  bottom: 7%;
  left: 15%;
  transform: translate(0%, 0%);
}
.lzg-dialog-height .el-dialog__body{
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}
弹出窗体里form包含tabs样式
.lzg-dialog-form .el-tabs{
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  position: absolute;
}
.lzg-dialog-form .el-tabs .el-tabs__content{
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  position: absolute;
}