div的垂直居中 - dzxczx

之前一直不会垂直居中，看了一篇文章才知道 原地址 不详了..

 1 .diva{
 2       width:300px;
 3       height:300px;
 4       background-color:green;
 5       position:absolute;
 6       top:0;
 7       right:0;
 8       bottom:0;
 9       left:0;
10       margin:auto;
11 }
12 这是一种垂直居中的方式。
13 
14 第二种兼容比较好
15 
16 .divb{
17       width:300px;
18       height:300px;
19       background-color:red;
20       position:absolute;
21       top:50%;
22       right:0;
23       left:0;
24       margin:auto;
25       margin-top:-150px;//一半的高度
26 }

第一次写博客 不好之处大家见谅 有更好的方法或者错误欢迎指出。