1.如果是一有寬和高的div實現(xiàn)垂直居中是很好辦的，下面看一個例子：
.test{
width:100px;height:100px;position:absolute;background:red;color:#fff;position:absolute;left:50%;top:50%;margin-left:-50px;
margin-top:-50px;text-align:center;}
<div class="test"></div>
展示如下：
如果是沒有寬高的，該如何實現(xiàn)呢？
css
.div1{position:absolute;padding:10px;background:red;left:50%;top:50%;
transform: translate(-50%,-50%);
}
html
<div class="div1"></div>
展示圖：
隨著瀏覽器窗口的大小，div自動居中在body中。transform 在ie11以上已經(jīng)都能夠使用了。
