固定位置Div以100％宽度为中心

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;