使用 PHP 时奇怪的上边距包括答案

【问题标题】：Weird top margin when using PHP include使用 PHP 时奇怪的上边距包括
【发布时间】：2016-07-13 00:18:38
【问题描述】：

我在使用include ''; 时遇到了一些奇怪的问题。

问题在于顶部的边距。

用普通代码：

<head>
        <meta charset="utf-8">
        <title>Untittled</title>
        <link rel="stylesheet" href="css/foundation.css">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/custom.css">
        <link rel="stylesheet" href="css/component.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>        
    </head>
        <header class="site-header">
            <nav>
                <div class="handle">Menu</div>
                <ul>
                    <a href=""><li class="logo">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li></a>
                    <a href=""><li>Home</li></a>
                    <a href=""><li>Equipa</li></a>
                    <a href=""><li>Torneios</li></a>
                    <a href=""><li>Ranking</li></a>
                    <a href=""><li class="right">Registrar</li></a>
                    <a href=""><li class="right">Login</li></a>
                </ul>
                <ul class="drop">
                    <a href="#"><li>Home</li></a>
                </ul>                 
            </nav>
            <div class="banner">
            </div>
        </header>

结果是：但是当我将它们分成不同的 php 文件时

<?php include 'includes/head.php'; ?>
<?php include 'includes/header.php'; ?>

我得到了这个奇怪的结果：

有没有人知道问题出在哪里？以及如何解决？

【问题讨论】：

@ZeRubeus 上边距
看起来您可能缺少 body 元素.. 这会使您的 HTML 无效。你试过validating your markup吗？
@JoshCrozier html 代码的其余部分在该部分之后，包含和其余的正文元素向下，它应该可以正常工作，但不要。
执行以下操作。在 Chrome 或 Firefox 中打开它，然后右键单击不需要的灰色边距。然后选择“检查元素”。控制台将显示在顶部和右侧，您可以看到导致此问题的 CSS 样式表以及它们的来源。我们无法区分您发布的内容
@ManuelArwedSchmidt 很好的建议，当我这样做时，它会在头部和头部之间出现类似 " " 的内容，但我的代码中没有它，它只显示在“检查元素”模式下。

标签： php html css

【解决方案1】：

距离我上次使用 PHP 已经 4 年多了，但我记得遇到过同样的问题，原因是文本编码。

尝试使用Notepad++ 打开它并转换为不带BOM 的UTF-8。

Here 是关于带有 BOM 的 UTF-8 的快速解释。希望对你有帮助。

【讨论】：

【解决方案2】：

我认为浏览器将默认值应用于以下的 top-margin 属性：

<?php include 'header.php';?>

say一个p标签的默认值是16px。

我的解决方法是在包含文件 header.php 中反转这个值。所以：

<?php echo "<header style="."margin-top:-16px;".">My Header</header>";?>

【讨论】：