如何使div居中，并且所有边与包装器等距

Question

我有一个占据整个屏幕的包装器，我想让另一个div在它内部居中，并且它的所有边都与包装器等距。

的CSS：

#wrapper {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
}
#inner_div {
    /*centered, sides equidistant from wrapper*/
}

Answer 1

这应该可以解决问题

.a {
  position: absolute;
  top: 50px;
  bottom: 50px;
  left: 50px;
  right: 50px;
  border: 1px solid black;
}