只会在chrome和edge浏览器出现，ff则不会出现这个问题。由于该页面是由PHP+HTML模板拼接接，因此先后排查了html文件、JavaScript文件、php文件。均未发现问题。

使用chrome F12发现空白处是一串&#65279字符。通过搜索，了解到这原来是UTF-8的编码问题。

我使用的编码是UTF-8 + BOM，这种编码方式一般会在windows操作系统中出现，比如WINDOWS自带的记事本等软件，在保存一个以UTF-8编码的文件时，会在文件开始的地方插入三个不可见的字符（0xEF 0xBB 0xBF，即BOM）。它是一串隐藏的字符，用于让记事本等编辑器识别这个文件是否以UTF-8编码。对于一般的文件，这样并不会产生什么麻烦。但对于 PHP来说，BOM是个大麻烦。因为PHP并不会忽略BOM，所以在读取、包含或者引用这些文件时，会把BOM作为该文件开头正文的一部分。根据嵌入式语言的特点，这串字符将被直接执行（显示）出来。

知道问题的原因之后，便很好解决了。
新建一个文件 bom.php放在根目录下，代码如下，执行即可！

<?php

//remove the utf-8 boms 

 //by magicbug at gmail dot com 

   

 if (isset($_GET['dir'])){ //config the basedir 

   $basedir=$_GET['dir']; 

 }else{ 

   $basedir = '.'; 

 } 

   

 $auto = 1; 

   

 checkdir($basedir); 

   

 function checkdir($basedir){ 

   if ($dh = opendir($basedir)) { 

     while (($file = readdir($dh)) !== false) { 

       if ($file != '.' && $file != '..'){ 

         if (!is_dir($basedir."/".$file)) { 

           echo "filename

 $basedir/$file ".checkBOM("$basedir/$file")." <br>"; 

         }else{ 

           $dirname = $basedir."/".$file; 

           checkdir($dirname); 

         } 

       } 

     } 

   closedir($dh); 

   } 

 } 

   

 function checkBOM ($filename) { 

   global $auto; 

   $contents = file_get_contents($filename); 

   $charset[1] = substr($contents, 0, 1); 

   $charset[2] = substr($contents, 1, 1); 

   $charset[3] = substr($contents, 2, 1); 

   if (ord($charset[1]) == 239 && ord($charset[2]) == 187 && ord($charset[3]) == 191) { 

     if ($auto == 1) { 

       $rest = substr($contents, 3); 

       rewrite ($filename, $rest); 

       return ("<font color=red>BOM found, automatically removed.</font>"); 

     } else { 

       return ("<font color=red>BOM found.</font>"); 

     } 

   } 

   else return ("BOM Not Found."); 

 } 

   

 function rewrite ($filename, $data) {

   $filenum = fopen($filename, "w"); 

   flock($filenum, LOCK_EX); 

   fwrite($filenum, $data); 

   fclose($filenum); 

}

?>

• HTML
• PHP