CSS 菜单栏跨越页面宽度
我希望使用此页面的主菜单 http://www2.gardencomedyclub.co.uk页面的整个宽度。我尝试在 #menu css 标记的不同位置使用 margin: 0 auto; 但它始终保持对齐。我只是希望 li 元素之间的边距扩展以填充 #mainmenu div 的整个宽度。 感谢您的帮助！
I'd like the main menu from this page http://www2.gardencomedyclub.co.uk to use the entire width of the page. I've tried using margin: 0 auto; in varying places in the #menu css tags but it keeps being left justified. I'd just like the margin between the li elements to expand to fill the full width of the #mainmenu div.
Thanks for any help!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
从 #menu li 中删除 float:left 并改为使用 display:inline-block。然而，这会将最后一个 li 推入新行。要解决这个问题，您必须将“a”的边距和填充更改为边距：0 1px 和填充：0 1px。这适用于 IE9、FF4.01、GG11、AF5.0.5 和 Opera 11。
From your #menu li remove float:left and instead use display:inline-block. This will however push the last li in a new row. To solve that, You will have to change the margin and padding for "a" as margin: 0 1px and padding: 0 1px. This works in IE9, FF4.01, GG11, AF5.0.5 and Opera 11.
要使
margin:0 auto;正常工作，您需要设置一个宽度。在
#menu上使用width:730px;，它应该可以工作。For
margin:0 auto;to work, you need to set awidth.Use
width:730px;on#menuand it should work.