Html 边距：0自动分割缩放时排列不正确

我有一个导航栏（实际上有两个）——一个是灰色的（下图），另一个是白色的。两者的宽度均为

1000px

，并具有

margin:0 auto属性在他们的CSS中。有一个在全屏幕的输出和代码看一看现场之一





我希望您对我的导航有一个基本的了解。好吧，我的问题是这样的。缩小时，白色导航（第二个）的排列不正确。上图显示了缩小时的不当排列。我想不出是什么问题引起了它。在输出中，混乱是在相当大的缩小后出现的。但是，在我真正的项目中，问题甚至更严重（只需稍微放大或缩小一下，它就会变得混乱）。请分析代码并告诉我哪里出错了。我已经把小提琴里的代码弄清楚了，让你明白。任何帮助都将不胜感激。提前感谢。
问题在于登录和注册按钮。他们都是右旋的。因此，它们填补了底部导航所需的空间。如果您限制了它们的大小，请清除
浮动
，等等，这样可以解决问题

移除它们（最简单的解决方案）
没有溢出：在.white导航的CSS属性中自动，它似乎可以工作

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

你的意思是像手机上的缩放/浏览器缩放一样的缩放吗？因为在chrome上我没有看到任何arangement小姐。@JustGage…是的，我同意。但是使用firefox，错误就显现出来了。尝试使用它。另外，在Chrome浏览器中，当你缩小到25%时会显示错误。如果你想让它真正结构化，我建议使用一个表。我知道有些人认为它们是一种不可弥补的罪恶，但实际上它们的用途是以一种结构化的方式保存东西，它们总是在任何浏览器中工作。注意红色的div，这意味着您有一个验证错误（非常接近）将清除从div容器中取出并放在两者之间，这非常有效，很高兴为您提供帮助，但请注意，您提供的链接仍然提供不正确的输出…正确的将是