子元素寬度一般會有，比如給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;

總結

以上是生活随笔為你收集整理的不定高度的弹框 垂直水平居中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。