多次加载时网站上的不同布局显示

Question

我在为我的 zencart 电子商务网站创建模板时遇到了一个非常奇怪的问题。

我发现很多次我加载网站时，我的菜单会分解并分成两行，如下所示。

我觉得这种行为很奇怪的原因是，如果我刷新页面，它会正确显示。

现在我可以理解如何解决此问题，如果它始终如一，但两者之间似乎有所不同，代码没有明显差异......我不确定这是否是某种技术错误使用 chrome，因为我无法在其他浏览器中复制它，但即使它是我真的需要一种解决方法。所以我很好奇以前是否有人遇到过这个问题，如果有，他们是如何解决的。

实时网站链接：http://digitalmatrixonline.com.au/

谢谢杰森

Answer 1

如果你添加

white-space:nowrap;

对于包含列表的 div，它应该阻止这种情况，但不确定为什么会发生这种情况。

编辑：这是一个展示技术的 jsfiddle http://jsfiddle.net/RM4S2/

编辑：没有浮动http://jsfiddle.net/BsGfu/2/

Answer 2

这是一个非常奇怪的问题，我能够在 Chrome 中重现这种古怪之处。虽然我不知道问题的直接原因，但我想我找到了一种可行的方法。

如果你将'navEZpagesTop'中第二个div的宽度设置为'width：485px;'。这似乎给了部分空间并且不换行。如果您想在不修改 css 的情况下为该扩展留出更多空间，您可以将其设置为更大的尺寸，并将其中的所有链接浮动到右侧（而不是左侧）。