布局在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标头中提及它。

这应该是解决该问题的快速方法。