CSS 导航栏居中对齐

Question

所以在我的网站上，我试图让我的导航菜单居中对齐，但由于某种原因它不起作用。我试过申请

margin-right: auto; 
margin-left:auto;

我也尝试了其他 CSS 技巧，但它仍然无法居中对齐。有人可以用 Firebug 查看我的网站并告诉我我做错了什么吗？

我的网站是http://dev.pti-world.com我以为我对 CSS 相当了解，但显然不是，因为我遇到了这个我无法弄清楚的小问题。

Answer 1

如果你想让它居中，你可以使用 margin: 0 auto;

您需要更改 CSS 中的两行:

1. 您将 ul 的宽度设置为 100%。
2. 你有 ul 和 float left。

解决方法:

#megaMenu ul.megaMenu { 
   float:left;    <---- delete this because with a float you cant center it.
} 

并改变这个

#megaMenu.megaMenuHorizontal ul.megaMenu {
    width: 950px;
    margin: 0 auto;
}