Total Pageviews

Friday, 20 July 2012

div css容器绝对垂直居中的写法

.horizon
{
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block;
}
.box
{
background: red;
color:blue;
margin-left: -125px;
position: absolute;
top: -35px;
left: 50%;
width: 250px;
height: 70px;
visibility: visible;
}
其中horizon的作用是在屏幕横行划了一条1象素高的线,box嵌套在horizon里面做了一个向左向上移动一半。