【发布时间】：2014-01-25 20:55:33
【问题描述】：
在此网站http://usher1f.org/ 上，在移动视图或浏览器缩小到 800 像素宽度的视图中，导航位于左侧。如何使导航水平居中？
【问题讨论】：
标签： css menu navigation alignment center
【发布时间】：2014-01-25 20:55:33
【问题描述】：
使用 CSS 居中的常用方法是将宽度设置为某个值，然后将左右边距设置为“自动”，对于您的网站，以下内容应包含在 #cssmenu CSS 中规则：
#cssmenu {
width: 451px;
margin: 0 auto;
}
【讨论】：
-
抱歉，还有一个问题。虽然这段代码确实使导航居中，但问题是当浏览器宽度缩小到 451 像素以下时，填充保持在 85 像素。我尝试将填充设置为 0，导航自动向右对齐。如何纠正？谢谢！
-
我再次为另一个问题道歉，当我将浏览器宽度设置为 800 像素时，导航栏仍然没有真正放置在中心。还有什么需要做的吗？
-
好的 - 我终于找到了问题所在。除了给出特定的宽度外，我还需要将浮动设置为“无”。现在看起来很棒！现在，这个问题与此无关，但我想知道是否有人可以提供帮助。在桌面视图中，您可以看到一条细的灰色底边框，但在移动视图中或当您将浏览器缩小到 800px 以下时，灰线消失了。有什么建议吗？
-
我发现了边界问题。我准备好了！
-
我离开了一会儿，你想通了真好！