在多個負載上的網站上的不同佈局顯示

我有一個非常奇怪的問題，爲我的zencart電子商務網站創建模板。在多個負載上的網站上的不同佈局顯示

我發現很多次我加載網站我的菜單將分解並分成兩行，如下所示。

enter image description here

我覺得這種行爲古怪的原因是，如果我刷新頁面，它正確地顯示。

enter image description here

現在我能理解如何解決這個問題，如果它是一個持續或其他方式，但它似乎在代碼中沒有明顯的區別兩者之間的變化......我不知道，如果這是鉻的某種技術錯誤，因爲我沒有能夠在其他瀏覽器中複製它，但即使它是我真的需要一種解決方法。所以我很好奇，以前是否有人有過這個問題，如果有的話，他們如何解決這個問題。如果添加

white-space:nowrap;

包含它應防止這種情況，不知道爲什麼它的發生雖然列表中的DIV http://digitalmatrixonline.com.au/

感謝傑森

來源

2014-01-09 nemesiswho

沒有代碼...我們不能幫助隊友！ – NoobEditor

老兄，jsfiddle :)或鏈接 –

是的，我剛剛意識到我忘記鏈接網站，對此表示遺憾 – nemesiswho

：

鏈接到活動網站。

編輯：這裏是顯示技術http://jsfiddle.net/RM4S2/

編輯一個的jsfiddle：無漂浮http://jsfiddle.net/BsGfu/2/

來源

2014-01-09 16:18:52

糾正我，如果我錯了，但白色空間只適用於文本，並且考慮到我的文本位於DIV內部以及我的搜索表單存在，這不會解決這個問題。我試圖應用該CSS以防萬一，似乎也沒有幫助。 – nemesiswho

它不僅適用於文本，請看小提琴。 –

我已經應用了這種技術，它似乎對包裝沒有影響。有趣的是，雖然當我將鼠標懸停在chrome（檢查元素）的div上時，它並沒有列出「聯繫我們」和搜索作爲div的一部分包裹的位置，但儘管這仍然是包裝 – nemesiswho

這是一個非常奇怪的問題，我是能夠重新在Chrome中詭詐。雖然我不知道這個問題的直接原因，但我認爲我找到了一種可行的方法。

如果將'navEZpagesTop'中的第二個div的寬度設置爲正在包裝的右側，則爲'width：485px;'。這似乎給部分房間，並不包裝。如果你想在不修改css的情況下留出更多的空間來擴展它，你可以將它設置爲更大的尺寸，並將其中的所有鏈接浮動到右側（而不是左側）。

來源

2014-01-10 03:30:43

這似乎確實是一個解決方案。如果有人能夠提供解釋，但是如果在一天結束之前不會發生這種情況，我會將您的答案標記爲解決方案，因爲這確實可以解決我的問題。謝謝 – nemesiswho

在多個負載上的網站上的不同佈局顯示

回答

相關問題