div在父容器中水平垂直居中

父容器样式:

height:100%;
width:100%;
margin:0;
padding:0;
border:0;

 

div样式:

position:relative;
overflow:hidden;
margin:auto;/*重要,IE兼容模式*/
height:500px;
width:500px;
top:50%;
left:50%;
margin-top:-250px;
margin-left:-250px;