html - margin :0 auto div improper arrangement on zoom

Question

我有一个导航栏(实际上是两个)- 灰色的(下图中)和下方的白色。两者的宽度均为 1000px，并且在其 CSS 中具有 margin:0 auto; 属性。在http://jsfiddle.net/M2bE2/embedded/result/全屏观看现场直播和 http://jsfiddle.net/M2bE2/对于输出和代码

我希望你对我的导航有一个基本的了解。好吧，我的问题是这样的。缩小时，白色导航(第二个)排列不正确。上图显示了缩小时的不当排列。我无法弄清楚导致它的问题。在输出中，困惑发生在相当缩小之后。但是，在我的真实元素中，问题更多(放大或缩小后就会变得困惑)。请分析代码并告诉我哪里出错了。我已将 fiddle 中的代码清理干净，以便您理解。任何帮助将不胜感激。提前致谢。

Answer 1

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

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