Css 固定页眉和页边距

我的问题是在页面顶部有一个固定导航，并将文档的其余部分设置为边距：0自动；这样，当页面展开时，所有内容都保持在中间。有没有一种方法可以使固定的页眉在页面展开和收缩时固定在页面中心，并随着页面的滚动而上下移动

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

---

你的导航有固定的宽度吗？您的HTML/CSS代码将是如愿的

但不得不猜测，我认为这可能会有所帮助：

.header {
    position: fixed;
    width: 400px;
    left: 50%;
    margin-left: -200px; /* 50% of the elements width */
}
.content {
    width: 400px;
    margin: 0 auto;
}