.login_box{

　　width:450px;

　　height:300px;

　　background-color:#fff;

　　border-radius:3px;

　　position:absolute;

　　left:50%;

　　top:50%;

　　transform: translate(-50%,-50%);

}

 

其中上面的3行实现了让div居中的效果

left:50%;让这个div的左边位于页面的中间点上

top:50%;让这个div的顶边位于页面的中间点上

transform: translate(-50%,-50%);是把当前div向左和上各移动本身的一半

这样就实现了div在页面上的绝对居中。