居中固定顶部菜单UI

Question

我试图将ul菜单集中在中心但不起作用，菜单是粘性的固定菜单，希望有人能在中心找到我的顶级菜单中的解决方案。

这是链接看看

http://jsfiddle.net/pMBfD/

或

http://maurobonucci.com/demo/

Answer 1

我不完全确定你在寻找什么，但这是我的建议：

我看了一些你的css代码......

ul#menu { 
   float: left; 
   list-style: none; 
   margin: 0px 0px 0 0px; 
   width:700px;
   }

如果要使中心任何div居中，你应该使用类似margin: 0 auto 0 auto;的东西，给你一个居中的元素/ div，其上下边距为0.将此应用到菜单中它应该以中心出现。希望我能帮忙！

Answer 2

尝试这似乎适用于jsfiddle。

ul#menu { 
float: none; 
list-style: none; 
margin: 0 auto; 

使用CodePen而不是jsfiddle进行更新 http://codepen.io/anon/pen/DxnjH/