第一种方式：position+margin（设置宽高的负一半）优缺点：兼容性好，但是必须知道父元素div.box的宽高{weight:200px;高度：400px；位置：绝对；左：50%；顶部：50%；左边距：-100px；margin-top:-200px;}第二种方法：position+transform(es6)优缺点：兼容性不好，只支持ie9及以上。无需知道父元素的宽高div.box{weight:200px;高度：400px；位置：绝对；左：50%；顶部：50%；transform:translate(-50%,-50%);}第三种方式：纯定位+marginauto优缺点：兼容性很好，不支持ie7以下。无需知道父元素的宽高div.box{width:200px;高度：400px；位置：绝对；左：0；右：0；顶部：0；底部：0；margin:auto;}第四种方式：flex布局的优缺点：不是给子元素设置
