Css 定心固定顶部菜单

Css 定心固定顶部菜单,css,Css,我试图将ul菜单居中,但不起作用,菜单是粘性固定菜单,希望有人能在我的页面顶部菜单的中心找到解决方案 这里是链接,请看 http://jsfiddle.net/pMBfD/ 或 我不完全确定你在寻找什么,但我的建议是: 我看了一些你的css代码 ul#menu { float: left; list-style: none; margin: 0px 0px 0 0px; width:700px; } 现在要使任何div居中,您应该使用类似margin:0

我试图将ul菜单居中,但不起作用,菜单是粘性固定菜单,希望有人能在我的页面顶部菜单的中心找到解决方案

这里是链接,请看

http://jsfiddle.net/pMBfD/


我不完全确定你在寻找什么,但我的建议是:

我看了一些你的css代码

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

现在要使任何div居中,您应该使用类似
margin:0 auto:0 auto,为您提供一个居中的元素/div,上下边距为0。将此应用于菜单,它应该居中显示。希望我能帮忙

试试看,这似乎对jsfiddle有效

ul#menu { 
float: none; 
list-style: none; 
margin: 0 auto; 
使用CodePen而不是JSFIDLE更新

你确定这在jfille中有效吗?我看不出有什么效果,看这个。由于jsfiddle上的屏幕很小,所以它不能正常显示。是的,我明白了,所以问题就出在“margin:0 auto”;是的,margin:0 auto;是将div标记居中的方法。另外,您将菜单向左浮动,这就是它不起作用的原因。很好,非常感谢;)
ul#menu { 
float: none; 
list-style: none; 
margin: 0 auto;