100％水平导航菜单

Question

我尝试过使用：

.main-navigation ul {display:table; width:100%;} 
.main-navigation li {display:table-cell;} 

在我的网站上：http://ranchocordovaeventscenter.com/使用WordPress。

当我对网站进行这些更改时，菜单不会延伸。 当我将li更改为table-cell时，它会删除子菜单上的块样式。

是否有任何建议可以帮助我将导航菜单拉伸到整个网站的宽度？

我现在已经恢复到链接上的原始填充。

提前致谢！ 马特

Answer 1

#menu-main-navigation { display: table !important; }
#menu-main-navigation ul { display: table-cell; }
#menu-main-navigation a { display: block; text-align: center; }

我刚将这个CSS应用到您的网站上，它对我来说很好用