div的垂直居中

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

 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 }

第一次寫博客 不好之處大家見諒 有更好的方法或者錯誤歡迎指出。