css垂直水平居中，不确定元素宽高

绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位（position: relative）

<div class="parent">
    我是父元素
    <div class="child">
        我是子元素
    </div>
</div>

.parent {
    position: relative;
    width: 500px;
    height: 500px;
    background: #cccccc;
}

.child {
    padding: 50px;
    background: red;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}