Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
包括php“;模板";向下移动_Php_Html_Css - Fatal编程技术网

包括php“;模板";向下移动

包括php“;模板";向下移动,php,html,css,Php,Html,Css,编辑:修复,将移动到顶部,并将外包零件替换为 我一直在创建一个小网站,当它的菜单栏开始变满时,我想把它“外包”到一个单独的文件中 <body> <div style="width:800px;margin:0px auto"> <!-- outsourced part --> <div style="height:50px;background-color:#ff0000"> Header </div

编辑:修复,将
移动到顶部,并将外包零件替换为

我一直在创建一个小网站,当它的菜单栏开始变满时,我想把它“外包”到一个单独的文件中

<body>
    <div style="width:800px;margin:0px auto">

    <!-- outsourced part -->
    <div style="height:50px;background-color:#ff0000">
    Header
    </div>
    <!-- end of outsourced part -->

        <div style="margin-top:10px;background-color:#00ff00">
            hello world
        </div>
    </div>
</body>
所以现在代码是

<body>
    <div style="width:800px;margin:0px auto">

        <?php include('header.php') ?>

        <div style="margin-top:10px;background-color:#00ff00">
            hello world
        </div>
    </div>
</body>

你好,世界
现在,当我再次打开网站的标题和一切后,它已经向下移动。我怎样才能防止这种情况发生?我在XAMPP上安装了PHP5.6.14,在Linux服务器上安装了PHP5.3.3。

上传了2个文件

我测试了你的文件,我可以看到问题。通常这是因为页面中有一个不可见的字符。因此,进入Chrome调试器的Elements视图,展开代码。在标题
标记之前,可以找到以下内容

"
&#65279;"
从调试器中,您可以删除它,您将看到页面再次显示良好。因此,清理您的2 php文件。一个是有一个看不见的角色


我相信原因是您的index.php文件在UTF8-BOM中编码,而header.php只是UTF8-请确保使用相同的编码以避免这些问题。

您是否100%确定在复制时没有忘记某些内容,像关闭的
标记或任何东西?调用
的文件还包含哪些内容?我完全按照我在开始时所描述的做了。如果我比较Firefox中网站的源代码,它们完全相同。此外,如果我检查该元素,则没有其他格式。您在其中包含了头文件。在顶部或结尾,您是否错过了结束正文标记?在真实环境中也可能是这样,但是我的.css文件是唯一一个用UTF8编码的没有BOM的文件,但是我添加到原始帖子中的修复在我注意到这一点之前就起了作用。编辑:对它进行了测试,当我将所有文件设置为UTF8而没有BOM时,你的修复程序也能正常工作。我只是注意到:作为一个德国人,这不是我想要的修复程序,因为它会弄乱所有的
öüä
字符。
"
&#65279;"