Javascript 显示导航菜单水平chrome问题

我用一个图标水平显示一个菜单，但它在谷歌浏览器中似乎不起作用

它在Firefox中运行良好，也就是说，Safari看起来不一样，但不会删除最后一个菜单项

小提琴：

---

正如前面回答的问题中所提到的，我需要选择菜单项以适应容器的大小。然而，这个解决方案在谷歌浏览器上不起作用，我也不知道为什么

不显示：表格

.menu-main-menu-container ul {
----------------------
}

演示：

，并在Chrome 22中运行：

.menu a {
    padding:         5px 14px 5px 15px;
    text-decoration:none;
    color: #333;
    display: block;
    position:        relative;
    font: 15px 'DroidSerifBold', Arial, sans-serif;
    text-transform: uppercase;
}

---

我完全禁用了Javascript。如果您的容器是固定宽度的，并且菜单项没有变化，那么您就不需要JS。

Odd-在Chrome 21.0.1180.89/Mac 10.8中，它对我来说很好。一切似乎都恰到好处。你有没有尝试过像像素一样调整填充，看看它是否适合你？一般来说：像这样的菜单，被设计来精确地填充水平空间，一般来说，在web上是糟糕的设计决策。它们太死板了，容易断裂。我同意@chipcullen。我没有设计网站，也不是菜单设计过程的一部分——我会反对它。所以，我有Chrome版本22.0.1229.79和Mac 10.7.5。。。我猜这可能是脚本的页面加载问题？我想可能是的。这就是为什么两个相对较接近的Chrome版本表现不同的唯一原因。我只是想看看是否稍微窄一点的宽度，或者减少边界厚度，会首先起作用。这至少会隔离渲染问题。调整边框宽度实际上会使它看起来更糟。那么你说它在你的设置中看起来很好？嗯，我检查了Chrome>关于Chrome，这是说我是最新的。然后我注意到在我的设置下的更新指示器，所以我现在只更新到22。现在，不幸的是，菜单被冲洗了。所以，在Chrome 21中，它是好的，在22中它不是。非常非常奇怪。