使用PHP include时的奇怪上边距
当我使用使用PHP include时的奇怪上边距,php,html,css,Php,Html,Css,当我使用include''时,我遇到了一些奇怪的问题 问题在于顶部的边距。 使用正常代码: <head> <meta charset="utf-8"> <title>Untittled</title> <link rel="stylesheet" href="css/foundation.css"> <link rel="stylesheet" href="css/n
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"> </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'; ?>
我得到了一个奇怪的结果:
有人知道问题出在哪里吗?如何解决这个问题呢?自从我上一次使用PHP以来,已经有4年多的时间了,但我记得我也遇到过同样的问题,原因是文本编码
尝试使用打开并转换为不带BOM的UTF-8
这是一个关于UTF-8和BOM的快速解释。我希望这会有所帮助。我认为浏览器会将默认值应用于以下内容的“上边距”属性:
<?php include 'header.php';?>
例如p标签的默认值是16px
我的修复方法是在include文件-header.php中反转此值。因此:
<?php echo "<header style="."margin-top:-16px;".">My Header</header>";?>
@ZeRubeus顶部的边距看起来你可能缺少了一个身体
元素。。这使得你的HTML无效。你试过了吗?@JoshCrozier html代码的其余部分在那部分之后,在include和body元素的其余部分关闭后,应该可以正常工作,但不要这样做。在Chrome或Firefox中打开它,右键单击不需要的灰色边距。然后选择“检查元素”。控制台将显示在顶部,在右侧,您可以看到导致此问题的CSS样式表及其来源。我们分不出和你的有什么区别posted@ManuelArwedSchmidt很好的建议,当我这样做的时候,它会在头和头之间出现类似这样的”
,但我的代码中没有这个,它只在“inspect element”模式下显示。