div设置水平垂直居中

 width: 300px;
 height: 300px; 
 margin: 0 auto; /*水平居中*/
 position: relative;
 top: 50%; /*偏移*/
 margin-top: -150px; //div高度的一半