Фиксированная позиция Div по центру со 100% шириной [дубликаты]

Я нашел несколько вопросов, которые касались этого, и я попробовал несколько методов, чтобы заставить его работать, но продолжайте ударять, поэтому я решил, что просто опубликую свои особенности. У меня есть div и внутри него я хочу центрировать другой div с фиксированной позицией. Я могу сделать это с помощью CSS, который я приложил. Но единственная проблема, которую я вижу в этом, - это изменить мою основную ширину контейнера, тогда я также должен обновить мою ширину заголовка. Я хотел бы иметь возможность использовать 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;
}