html - 如何使 div 居中并且所有边与 wrapper 等距

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;
}