盒子居中 在一个div在父容器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;