盒子的垂直居中以及定位相关知识点

1.让层垂直居中于浏览器窗口

div{
     position:absolute;
     top:50%;
     left:50%;
      margin:-150px 0 0 -200px;
      width:400px;
　　height:300px;
　　border:1px solid #008800;
}

2.绝对的定位，绝对的居中
position:absolute;

top:0;

right:0;

bottom:0;

left:0;

margin:auto;