html - 菜单总是重新定位

Question

我试图使用 a 来制作菜单栏和登录页面div，但是当我调整浏览器的大小（我使用的是 Chrome）时，这些div更改会出现在两侧。

这是一个演示：http: //jsfiddle.net/xVenw/

如您所见，它不是一行菜单。调整大小时会添加另一行。

Answer 1

如果您不希望菜单项包装，请使用white-space: nowrap并制作列表项display: inline-block：

nav > ul > li {
    display: inline-block;
    white-space: nowrap;
}

我建议清理你的代码，它在 Fiddle 中非常混乱，并且有许多重复和模糊的 CSS 选择器。