不定高度的弹框 垂直水平居中

子元素宽度一般会有，比如给80%；高度不固定
一、定位与margin
子元素设置：

position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;

兼容IE7以上

二、css3的transfrom
子元素设置：

position：absolute;left:50%；top:50%;transfrom:translate(-50%,-50%);

兼容IE8以上

三、flex布局
父元素设置：

display:flex;justify-content:center;align-items:center

四、设置display:box
父元素设置：

display:box; box-pack:center; box-align:center; 
display:-webkit-flexbox; -webkit-box-pack:center; -webkit-box-align:center;