布局在本地主机上看起来不错，但在实时网站上打破？

这是一个奇怪的问题。我正在本地主机中构建一个新的布局。布局在本地服务器中看起来非常正常;没有错误，没有浮出父母的盒子。布局在本地主机上看起来不错，但在实时网站上打破？

但是，当我把它放在现场/现场服务器上时，布局突然中断。侧边栏浮出父框，并且还有不起作用的功能。

。

下面是一些截图：

正常布局（在本地主机上观看时）：

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

破碎布局（直播网站上查看时）：

http://i.imgur.com/rzauG.png（侧边栏浮动开箱并移动到底部，查看下一屏截图）

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

。

我检查了两个源代码（在本地主机和现场）和奇怪的是两者是完全相似的。我真的不知道为什么会发生这种情况。任何帮助？有关其他说明，该网站正在使用Wordpress作为CMS。

来源

2011-09-05 deathlock

你使用什么浏览器？ – Crossdiver

你可以发布一个链接你的你的生活版本，所以我可以看看CSS？ – Crossdiver

我已经为本地主机和现场网站尝试过Chrome，Firefox和Opera。结果总是相同的：在本地主机上看起来不错，在现场直播中断。 – deathlock

帖子页面和主页之间的布局不一样。例如，您的主页上，#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 -->

我希望这有助于。

来源

2011-09-05 22:07:26 Crossdiver

我怎么没注意到？显然有些代码添加了关闭#main的附加div ...非常感谢！现在这个问题显然是固定的。 – deathlock

虽然我仍然想知道为什么PHP在localhost和live服务器上的结果如此不同，但谢谢！ – deathlock

请注意，在生产模式下可能会出现诸如缓存加载等问题...... 这意味着只要您尝试上传新内容，主机可能会渲染旧版本的文件。

例如，如果您上传您的网站主机和你有一个CSS：

的style.css

你想改变一些东西，你可以做两种：

1。上传新的CSS后，请托管服务重新启动服务器。

或

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

记住要提到它在HTML的标题。

这应该是一个快速修复问题。

来源

2017-02-04 13:11:54

布局在本地主机上看起来不错，但在实时网站上打破？

回答

相关问题