margin：0 auto div对缩放的不正确安排

Question

我有一个导航栏（实际上是两个） - 灰色的一个（在下图中）和下面的白色。两者的宽度均为1000px，其CSS中的属性为margin:0 auto;。在http://jsfiddle.net/M2bE2/embedded/result/和http://jsfiddle.net/M2bE2/查看全屏直播，了解输出和代码

我希望你对我的导航有一个基本的想法。那么，我的问题是这样的。缩小时，白色导航（第二个）会被错误地排列。上图显示了缩小时的不正确排列。我无法弄清楚导致它的问题。在输出中，紊乱是在完全缩小之后。但是，在我的真实项目中，问题甚至更多（只有一点放大或缩小后才会出现混乱）。请分析代码并告诉我哪里出错了。我已经把代码放在我的小提琴里，让你明白。任何帮助将不胜感激。提前谢谢。

Answer 1

问题是登录和注册按钮。它们都是浮动的。因此，他们填补了底部导航所需的空间。如果您限制其大小，请清除float等，以解决问题。

删除它们（最简单的解决方案） http://jsfiddle.net/M2bE2/2

Answer 2

没有溢出：自动在.white-nav的CSS属性中它似乎有效。

.white-nav {
    width:1000px;
    margin:0 auto;
    overflow:auto; /* Kick it */
}