css - 固定ヘッダーとマージン

Question

私の問題は、ページの上部に固定ナビゲーションがあり、ドキュメントの残りの部分を margin: 0 auto; に設定することです。ページが展開されたときにすべてが中央にとどまるようにします。ページがスクロールするかどうかに応じてページが上下に移動するだけでなく、ページが拡大および縮小するときに、固定ヘッダーをページの中央に固定したままにする方法はありますか?

.container {
     max-width: 1200px;
     height: 1200px;
     position: relative;
     border: 0px;
     text-align: center;
     left: 30px;
 }
 .header {
     width: 1200px;
     height: 140px;
     padding: 0px;
     border: 0px;
     background-color: white;
     position: fixed;
     left: 50%;
     top: 0px;
     z-index: 1;
 }