javascript - 显示导航菜单水平镀铬问题

Question

我正在使用已回答的上一个问题水平显示菜单，但它似乎在 Google Chrome 中不起作用。

它在 Firefox、IE、Safari 中运行良好，看起来不同，但不会删除最后一个菜单项。

小提琴：http: //jsfiddle.net/Nilpo/GGQ4V/3/

如上一个已回答的问题中所述，我需要菜单项以适应其所在容器的大小。但是，该解决方案在 Google Chrome 上不起作用，我不知道为什么。

Answer 1

不给 display: table;

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

演示：小提琴

Answer 2

我刚刚在 fiddle 上试过这个，并让它在 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。