CSS菜单栏可以跨越页面宽度

时间:2011-05-16 19:01:36

标签: css menu width

我希望此页面http://www2.gardencomedyclub.co.uk中的主菜单能够使用整个页面宽度。我尝试在margin: 0 auto; css代码中的不同位置使用#menu,但它仍保持左对齐。我只想扩展li元素之间的边距以填充#mainmenu div的整个宽度。 谢谢你的帮助!

2 个答案:

答案 0 :(得分:3)

从#menu li中删除float:left,改为使用display:inline-block。然而,这会将最后一个li推到一个新行。要解决这个问题,您必须将“a”的边距和填充更改为边距:0 1px和填充:0 1px。这适用于IE9,FF4.01,GG11,AF5.0.5和Opera 11。

答案 1 :(得分:0)

要使margin:0 auto;生效,您需要设置width

width:730px;上使用#menu,它应该有效。