phpcms页面边框异常修复处理

你有没有用phpcms做站，遇到过这种糟心事？

改完模板一刷新，页面边框直接歪了。

要么多出来一条莫名其妙的黑边，要么该有的边框没显示。

手机端打开，整个页面挤得歪歪扭扭没法看。

你改了半小时css，清了N次缓存还是不对。

搜遍论坛找教程，全是说空话的废话，根本解决不了问题。

我用phpcms做站快八年，踩过不下几十次这种坑。

今天把我常用的修复步骤整理出来，你跟着做就能搞定。

1. 先排查最常见的缓存问题

1.1 清空系统全部缓存，不是只清首页

九成的边框异常，其实都是缓存没清对。

很多人改完模板，只点更新首页缓存就完事。

其实phpcms的模板缓存，是分开存在服务器的。

你按这个步骤操作准没错：

登录phpcms后台，找到「扩展」-「缓存更新」

不要只选首页缓存，直接勾选「更新全部缓存」

点确定，等系统跑完再刷新页面试试。

举个例子，我上次帮客户改边框，折腾半小时才想起清全缓存，清完立马正常。

避坑提醒：别先清第三方插件缓存，先清系统原生缓存。

1.2 别忘了清静态化和服务器缓存

如果你开了phpcms的静态页面生成功能，只清缓存不够。

你还要去后台，重新生成出问题的页面。

操作路径是：「内容」-「生成HTML」

分别更新出问题的栏目页和内容页就行。

如果你的服务器开了nginx缓存，也要清一遍站点缓存。

2. 再排查CSS代码冲突问题

2.1 检查CSS属性的语法错误

改模板复制代码的时候，很容易漏写符号。

最常见的就是border属性漏写结尾分号。

你按F12调出浏览器开发者工具，点异常边框区域。

看右边的样式面板，检查border属性有没有写错

比如少了分号，就会导致后面所有CSS乱掉，边框直接异常。

我之前碰过一次，漏写一个分号，白折腾一小时。

2.2 排查第三方插件的样式覆盖

你装的幻灯片、弹窗这类插件，大多自带CSS。

插件的CSS很容易覆盖你模板原来的边框样式。

还是用F12选中异常区域，看样式来源是哪个文件。

如果确实是插件抢了样式，你就在自己模板的自定义CSS里，加上!important强制覆盖。

举个例子，你要改页面外层边框，可以这么写：

``` .page-wrap { border: 1px solid f0f0f0 !important; } ```

避坑提醒：别直接改插件原文件，改自己模板的CSS就行，不然插件更新会冲掉你的修改。

3. 最后排查标签嵌套错误问题

3.1 检查phpcms系统标签有没有闭合

phpcms有很多循环、判断标签，比如{loop}、{if}。

很多新手修改模板，写完标签忘加闭合标签。

比如开头加了{loop $data $r}，结尾忘加{/loop}。

标签不闭合会导致页面结构直接乱掉，边框肯定错位。

你打开最近修改的模板文件，对照检查标签就行。

3.2 检查HTML标签有没有漏闭合

除了系统标签，HTML的div也经常漏写闭合标签。

少一个