CSS导航菜单不会调整大小

Question

网站：www.medtransportcenter.com

导航菜单是纯CSS，使用CSS3菜单软件构建。显示网站上的菜单，但每个元素的大小均已关闭。我一直在尝试使每个元素更均匀（大约140-150px宽度/高度很好），例如，你可以看到评论比其他元素宽得多（252px x 50px）。

我尝试在单独的样式表中为Comments元素手动覆盖宽度：

li#menu-item-139.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-139 {
  width: 140px;
}

不幸的是，这不起作用，我坚持如何解决它。帮助将不胜感激。

Answer 1

样式表中设置%宽度，如

ul#css3menu11>li:nth-child(4) {
width: 26%;

基本上你需要玩它们或者只是删除它们。

Answer 2

将ul从inline-table更改为inline-block，同时将li从table-cell更改为inline-block。然后重新调整width的{​​{1}}。