html - 边距：0 自动 div 缩放时排列不当

Question

我有一个导航栏（实际上是两个） - 一个灰色的（在下图中）和它下方的白色。两者的 CSS 中都具有宽度1000px和属性。在http://jsfiddle.net/M2bE2/embedded/result/和http://jsfiddle.net/M2bE2/margin:0 auto;上全屏查看实时输出和代码

我希望您对我的导航有一个基本的了解。好吧，我的问题是这样的。缩小时，白色导航（第二个）排列不正确。上图显示了缩小时的不当排列。我无法弄清楚导致它的问题。在输出中，混乱是在完全缩小之后。但是，在我的实际项目中，问题甚至更多（仅稍微放大或缩小后就会变得杂乱无章）。请分析代码并告诉我哪里出错了。我已将我小提琴中的代码清理干净，以便您理解。任何帮助将不胜感激。提前致谢。

Answer 1

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

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

Answer 2

如果没有 .white-nav 的 CSS-Attributes 中的 overflow:auto ，它似乎可以工作。

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