网页端弹窗创建的正确方式

前言

开发中我们经常会碰到这种需求—自定义弹窗，那么如何创建一个正确的弹窗呢？

考虑的方面

1. 定位

弹窗一般都需要垂直水平居中，也许通过flex或者transform能够很快的实现垂直水平居中，但是ie下就炸了，下面我介绍一种垂直水平居中的技巧—使用三层dom来实现垂直水平居中

html

<div class="center-outside">
  <div class="center-middle">
    <div class="center-inner">xxx</div>
  </div>
</div