佈局在本地主機上看起來不錯，但在實時網站上打破？

Question

這是一個奇怪的問題。我正在本地主機中構建一個新的佈局。佈局在本地服務器中看起來非常正常;沒有錯誤，沒有浮出父母的盒子。

但是，當我把它放在現場/現場服務器上時，佈局突然中斷。側邊欄浮出父框，並且還有不起作用的功能。

。

下面是一些截圖：

正常佈局（在本地主機上觀看時）：

http://i.imgur.com/19rGS.png

破碎布局（直播網站上查看時）：

http://i.imgur.com/rzauG.png（側邊欄浮動開箱並移動到底部，查看下一屏截圖）

http://i.imgur.com/kvX86.png

。

我檢查了兩個源代碼（在本地主機和現場）和奇怪的是兩者是完全相似的。我真的不知道爲什麼會發生這種情況。任何幫助？有關其他說明，該網站正在使用Wordpress作爲CMS。

Answer 1

帖子頁面和主頁之間的佈局不一樣。例如，您的主頁上，#primary是#main孩子：

<div id="main"> 
    <div id="container"> 
    </div><!-- #container --> 

    <div id="primary" class="widget-area"> 
    </div><!-- #primary .widget-area --> 

    <div id="secondary" class="widget-area"> 
    </div><!-- #secondary .widget-area --> 
</div> 

然而，在帖子頁，#primary是不的#main孩子，從而打破你的CSS，推動側邊欄關閉頁面：

<div id="main"> 
    <div id="container"> 
    </div><!-- #container --> 
</div><!-- #main --> 

    <div id="primary" class="widget-area"> 
    </div><!-- #primary .widget-area --> 


    <div id="secondary" class="widget-area"> 
    </div><!-- #secondary .widget-area --> 

我希望這有助於。

Answer 2

請注意，在生產模式下可能會出現諸如緩存加載等問題...... 這意味着只要您嘗試上傳新內容，主機可能會渲染舊版本的文件。

例如，如果您上傳您的網站主機和你有一個CSS：

的style.css

你想改變一些東西，你可以做兩種：

1。上傳新的CSS後，請託管服務重新啓動服務器。

或

2.Upload相同的文件，但有另外一個名字，就像stylev1.css

記住要提到它在HTML的標題。

這應該是一個快速修復問題。