html - 多个负载在网站上显示不同的布局

标签 html css zen-cart

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

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

enter image description here

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

enter image description here

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

现场链接:http://digitalmatrixonline.com.au/

谢谢杰森

最佳答案

如果你添加

white-space:nowrap;

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

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

编辑:没有 float http://jsfiddle.net/BsGfu/2/

关于html - 多个负载在网站上显示不同的布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21024836/

相关文章:

javascript - 如何使用 jQuery 影响同一类的 8 个 div 中的单个 div?

javascript - 聊天框环聊式三 Angular 形

javascript - 当删除最后一个插入表行时,第一个表行的第二个单元格的宽度变为0

jquery - 将表格与 div 对齐

iphone - 网站在 iPhone 和 iPad 上都太宽

php - 将必需的列添加到数据库表

mysql - Zen Cart 产品描述长度

javascript - 无法访问 html5 Canvas ?

CSS 绝对中心

security - zencart密码在Sql Server中是如何加密的?