不固定高宽div垂直居中的方法

<div class="father">
    <div class="son"></div>
</div>

.father{position:fixed;
        width:100%;
        height:100%;
        top:0;
        left:0;
        background-color:rgba(0,0,0,.7);}
.son{position: absolute;
     top:0;
     left:0;
     bottom:0;
     right:0;
     width:50%;
     height:50%;
     margin:auto;
     background-color:red;}