CSS菜单栏以跨越页面宽度

CSS菜单栏以跨越页面宽度,css,menu,width,Css,Menu,Width,我想从这个页面的主菜单使用整个页面的宽度。我试过使用margin:0auto在#菜单css标记的不同位置,但它一直保持左对齐。我只想扩展li元素之间的边距,以填充#主菜单的整个宽度。 谢谢你的帮助 从#菜单中删除float:left,改为使用display:inline块。然而,这将把最后一个李推到新的一行。要解决这个问题,您必须将“a”的边距和填充更改为边距:0 1px和填充:0 1px。这适用于IE9、FF4.01、GG11、AF5.0.5和Opera 11要工作,您需要设置宽度 使用宽度:

我想从这个页面的主菜单使用整个页面的宽度。我试过使用
margin:0auto
#菜单
css标记的不同位置,但它一直保持左对齐。我只想扩展
li
元素之间的边距,以填充
#主菜单的整个宽度。

谢谢你的帮助

从#菜单中删除float:left,改为使用display:inline块。然而,这将把最后一个李推到新的一行。要解决这个问题,您必须将“a”的边距和填充更改为边距:0 1px和填充:0 1px。这适用于IE9、FF4.01、GG11、AF5.0.5和Opera 11
要工作,您需要设置
宽度


使用
宽度:730px#菜单上选择code>,它应该可以工作

看起来您的布局是相当静态的,菜单项看起来几乎填满了所有可用空间。为什么不为几个菜单项定义静态宽度以利用剩余空间呢?我明白了。所以你说要么为菜单项定义固定的宽度,要么添加一点限定的填充/边距来充实空间?我同意布兰登的说法。菜单的宽度不会改变,因此只需将
#menu a
的边距更改为
边距:0 6px。这些按钮现在很合适,而且还能呼吸。事实上,我不久前就有了这些按钮,当我在chrome、safari和我所有的移动浏览器上测试时,它们似乎都很适合。不过,当我在firefox中测试时,
About
项被推到了一个新的行上……这对我来说确实是。我登记了。你的也行。如果他希望物品之间的空间相等,那就更好了。我的只是将整个列表居中。再次查看IE9和FF4.01非常感谢。我确信会有一个“正确”的方法去做!