html中head的内容解析到body中导致样式显示有误

今天在项目上线的时候碰到这个问题，自己没有改过任何的css样式，但是项目上线的时候页面样式确变样了，查看页面显示如图：发现head的内容经浏览器解析后有一部分跑到了body里面去了

查看发生异常的页面，发现页面为UTF-8带BOM编码，问题原因就是网站采用了UTF-8无BOM编码，但是在使用include或者require包含文件的时候，包含了一个UTF-8有BOM的文件。

解决方法就是去掉BOM，可以用notpad++软件打开文件，然后在Encoding里面选中UTF-8无BOM编码，保存文件 ，重新发布覆盖到生产环境问题得以解决。