以 100% 宽度为中心的固定位置 Div [重复]

Question

我发现了一些与此相关的问题，并且我尝试了多种方法来使其发挥作用，但不断删除，所以我想我只是发布我的具体细节。我有一个 div，在其中我想以固定位置居中另一个 div。我可以使用我附加的 CSS 来做到这一点。但是，我看到的唯一问题是如果我改变我的主容器宽度，那么我也必须更新我的标题 div 宽度。我希望能够为标题 div 使用 100% 的宽度，以便它始终与父容器的宽度匹配，同时具有固定的位置并保持在 div 内的中心。

    #main-container{
    width: 800px;
    position: relative;
    margin: 0 auto;
    background-color:black;
    height: 100%;

}

#header{
  color: white;
  top: 20px;
  position: fixed;
  left: 50%;
  width: 1000px;
  margin-left:-500px;
  text-align: center;
  overflow:hidden;
}

Answer 1

#main-container 尝试

 margin-left:auto;
 margin-right:auto;