，找了整整一下午，那叫一个亏。现在我做phpcms模板底部空白错位修复，进门先查这个，省心又高效。

给你举个错例子，你对比看看： ```

``` 少一个闭合标签，整个布局全乱，补上就好，就这么简单。说句土味实在话：标签有开就得有关，做人做事有始有终才不出错嘛！

坑二：边距算错了，就像买鞋子买大了空一块磨脚

这是第二高发的问题，很多朋友改模板为了好看，给内容区加内边距外边距，加着加着就算错了总高度，整个页面的容器就那么大，你内容区多出来几十像素，可不就把底部顶出去，空出来一块空白还错位？phpcms模板底部空白错位修复碰到这种情况，真的一秒就能缓解，先查html、body还有最外层容器的边距设置，很多老phpcms模板默认就给body加了margin，你自己又给content区加了一遍，可不就重复了多出来了？

我给你甩一个我每次做phpcms模板底部空白错位修复都会用的通用css重置，扔到你样式文件最开头，大部分边距问题直接搞定： ``` { margin: 0; padding: 0; box-sizing: border-box; } ``` 这个box-sizing真的是神器，老模板默认不算边框和边距进宽高，开了这个之后你写多少宽高就是多少，再也不会莫名其妙多出来一块，这不就香了嘛！土味再来一句：边距算对脚步稳，做站就像走路，一步一个脚印才不会踩坑！

坑三：浮动没清除，就像排队买奶茶排歪了挤出去

老phpcms模板当年做布局，十个有八个用浮动，左侧边栏右内容区，浮来浮去就忘了清浮动，结果父容器拿不到正确高度，页脚要么飞上去要么掉下来，空白错位这不就找上门了？phpcms模板底部空白错位修复清浮动也简单，我给你说三个我常用好使的方法：

• 给父容器加overflow:hidden，简单粗暴，就像把排歪的队伍直接框回去，立马就整齐，适合百分之八十的场景
• 用伪元素清浮动，写法标准规范，就像给队伍末尾放个带队的班长，把散队直接收整好，适合追求代码好看的朋友
• 直接给页脚footer加clear:both，一劳永逸，直接告诉页脚别跟前面的浮动挤，你另起一行站好，最简单最直接，我日常修这个最爱用这个

我上次帮一个开建材站的客户做phpcms模板底部空白错位修复，就是这个问题，客户自己加了个侧边广告位，设了浮动之后没清，结果父容器高度没撑开，底部直接空了三百多像素的大白块，我加了一行clear:both刷新就好，给客户乐得非要给我寄两块瓷砖，你说玄不玄？

还有两个小众坑，碰到了直接套就行

说完了高发的三个坑，再给你说两个我踩过的小众坑，省得你碰到了抓瞎：第一个就是PHPCMS的页脚模板调用路径错了，毕竟phpcms是动态调用模板片段，你改模板的时候拼错了调用路径，或者把分页代码插错了位置，就会莫名其妙多出来一块空白，你只要检查下调用代码对不对，默认的页脚调用是{template 'content', 'footer'}，看看前缀路径对不对，有没有拼错字母，拼错一个字调用不出来，可不就空一块嘛。

第二个就是文档声明没加，有些朋友写代码图省事，把html最开头的DOCTYPE声明给删了，碰到老一点的浏览器比如IE，直接进入怪异模式，解析出来就是底部空白错位，你只要把声明加上，一秒就好，根本不是啥大问题。

说到这里，phpcms模板底部空白错位修复所有我踩过的坑都给你列完了，你照着我给的顺序一步步查：先查标签闭合，再查边距计算，再清浮动，最后查调用路径和文档声明，一般十分钟之内肯定能搞定。我当初花了好几天摸出来的经验，你现在十分钟就能用上，这不比你上网瞎找乱七八糟的教程强？真的，phpcms模板底部空白错位修复根本不是啥大毛病，找对方法分分钟修好，碰到问题别慌，一步步来，咱啥坎儿过不去呀！