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 }