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;