在另一个div内垂直对中一个div

Question

在另一个div内垂直对中一个div我想在另一个div中添加一个div。<div id="outerDiv">     <div id="innerDiv">     </div></div>这是我目前使用的CSS。    #outerDiv{         width: 500px;         height: 500px;         position:relative;     }     #innerDiv{         width: 284px;         height: 290px;         position:absolute;         top: 50%;         left:50%;         margin-top: -147px;         margin-left: -144px;     }如您所见，我现在使用的方法取决于innerDiv如果宽度/高度发生变化，则必须修改margin-top和margin-left值。是否有任何通用解决方案可用于将innerDiv总是不管它的大小？我想出了用margin:auto可以横向地把内部划分到中间，但是垂直的中间部分呢？

Answer 1

实现这一水平和垂直中心的另一种方法是：

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;}

(参照系)