盒子的垂直居中以及定位相关知识点
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;