Html 如何将导航栏保持在中心位置？

目前，我有一个标题和上面我有我的导航栏。在我的编辑器中，它居中，但当我拉伸页面或以其他格式查看时，它不会显示在页眉中心的顶部。我该怎么做有什么想法吗

#导航{
列表样式类型：无；
位置：绝对位置；
填充：0；
溢出：隐藏；
利润上限：-25px；
左边距：50像素；
}
#李海军{
浮动：左；
}
#导航a:链接，#导航a:已访问{
显示：块；
宽度：120px；
字体大小：粗体；
颜色：#FFFFFF；
背景色：达克朗格；
文本对齐：居中；
填充：4px；
边框：2件纯黑；
边框右上角半径：10px；
边框左上半径：10px；
文字装饰：无；
文本转换：大写；
边框底部：无；
}
#导航a：悬停{
背景颜色：橙色；
}
#导航a：激活{
颜色：黑色；
}
#标题{
高度：150像素；
背景色：暗色；
边缘顶部：45像素；
边框：2件纯黑；
边界半径：15px；
溢出：隐藏；
位置：相对位置；
}
#内割台{
背景颜色：白肋木；
高度：100px；
左边距：自动；
右边距：自动；
溢出：隐藏；
宽度：50%；
边界半径：25px；
边框：3倍纯黑；
位置：相对位置；
边缘顶部：22px；
}
#内割台h1{
位置：相对位置；
左边距：自动；
文本对齐：居中；
边缘顶部：30px；
-webkit文本笔划宽度：0.6px；
-webkit文本笔划颜色：黑色；
颜色：马鞍色；
}

一般资料

您好，现在请尝试使用此css

#nav {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 0;
}
#nav li {
    display: inline-block; // add this 
    font-size: 14px;    // add this 
}
#header {
    /* margin-top: 45px; */   // remove this line
}

演示

#导航{
列表样式类型：无；
/*位置：绝对位置*/
填充：0；
溢出：隐藏；
保证金：0自动；
/*左边距：50像素*/
显示：块；
文本对齐：居中；
字号：0；
}
#李海军{
显示：内联块；
字体大小：14px；
}
#标题{
高度：150像素；
背景色：暗色；
/*边缘顶部：45像素*/
边框：2件纯黑；
边界半径：15px；
溢出：隐藏；
位置：相对位置；
}
#导航a:链接，#导航a:已访问{
显示：块；
宽度：120px；
字体大小：粗体；
颜色：#FFFFFF；
背景色：达克朗格；
文本对齐：居中；
填充：4px；
边框：2件纯黑；
边框右上角半径：10px；
边框左上半径：10px；
文字装饰：无；
文本转换：大写；
边框底部：无；
}
#导航a：悬停{
背景颜色：橙色；
}
#导航a：激活{
颜色：黑色；
}
#内割台{
背景颜色：白肋木；
高度：100px；
左边距：自动；
右边距：自动；
溢出：隐藏；
宽度：50%；
边界半径：25px；
边框：3倍纯黑；
位置：相对位置；
边缘顶部：22px；
}
#内割台h1{
位置：相对位置；
左边距：自动；
文本对齐：居中；
边缘顶部：30px；
-webkit文本笔划宽度：0.6px；
-webkit文本笔划颜色：黑色；
颜色：马鞍色；
}

一般资料

将这些属性添加到现有类中

#nav{
    list-style-type: none;
    position:absolute;
    padding: 0;
    overflow: hidden;
    margin-top:-25px;
    margin-left:50px;
    width:100%;
    text-align:center;
  }

#nav li{
  display:inline-block;
}

这应该能解决你的问题。

---

使用

text align:center使导航条全宽，并使内部内容水平居中
非常感谢！我想知道为什么我会删除位置：绝对和利润率顶部：45像素。任何解释都很好。我很抱歉，因为我还是CSS新手，正在学习。@Stephenlandas欢迎您。。。请仔细阅读并理解css或html结构