绝对垂直居中 可以用以下两种方式解决

1.设置父级容器相对定位,子级容器绝对定位

父级:position:relative;

子级:position: absolute;

   top:50%;

   left:0;

   margin-top:-halfHeight;

这种做法不会有浏览器的兼容问题, 并且 同级盒子 左边的位置 用父级盒子的 padding-left:宽度; 右边宽度不给就会自动100%;

2.设置父容器

display:table-cell;vertical-align: middle;

也可以做到垂直居中

该方法会有IE7以下的兼容问题