布局在Localhost上看起來不錯，但在實時網站上出現了中斷？

Question

這是一個奇怪的問題。 我正在localhost中建立新布局。 在本地服務器中，布局看起來完全正常。 沒有錯誤，沒有浮出父級框。

但是，當我將其放在實時站點/實時服務器上時，布局突然中斷。 邊欄浮出父框，並且還有一些功能不起作用。

。

以下是一些屏幕截圖：

常規布局（在localhost上查看時）：

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

布局損壞（在實時網站上查看時）：

http://i.imgur.com/rzauG.png （側邊欄從框中浮出並移到底部，請檢查下一個屏幕截圖）

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

。

我檢查了兩個源代碼（在localhost和在線站點中），奇怪的是兩者完全相似。 我真的不知道為什么會這樣。 有什么幫助嗎？ 需要特別注意的是，該站點將Wordpress用於CMS。

Answer 1

帖子頁面和首頁之間的布局不同。 例如，在您的主頁上， #primary是#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 並不是 #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.上傳相同的文件但使用其他名稱，例如stylev1.css

請記住在html標頭中提及它。

這應該是解決該問題的快速方法。