css方法实现在没设置宽高情况下实现垂直居中

html:
<div>Hello World</div>
css: 
*{margin:0;padding:0;baground-color:yellow;}
div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:red}

　　效果如下图：