嵌套的DIV水平垂直居中

这是一个很简单的Blog（第一次写博，感受一下）

首先，双DIV嵌套。html：

<div class="div1">
        <div class="div2"></div>
</div>

css:

.div1 {
  width:1000px;
  height:500px;
  border:2px solid #000;
  position:relative;
}
 .div2 {
    width:200px;
    height:200px;
    margin: auto;  
    position: absolute;  
    top: 0; left: 0; bottom: 0; right: 0; 
    background-color: red;
}

很简单。