【发布时间】：2026-01-04 13:05:02
【问题描述】：
我有一个 HTML 文件，我总是使用相同的标题（我将它包含在每个页面的顶部） 我使用 CSS 来设置这个标题的样式...
整个机身顶部没有空间，这很好。 现在我在 index.php 的页面顶部有空间，而在contact.php 的顶部没有空间，尽管它具有 相同的标题和完全相同的 CSS 文件 在此处链接输入代码...
怎么可能？
（对不起，代码示例不好，但网站显示它很复杂......）
.body{
margin: 0 auto;
width:70%;
clear: both;
}
.mainHeader img{
width: 50%;
height: auto;
margin-top:0px;
margin-bottom:20px;
display: block;
margin-right:auto;
margin-left:auto;
}//index file
<?php
include 'includes/overall/header.php';
?>
//contact file
<?php
include 'includes/overall/header.php';
?>
//header file
<html>
<head>
<title>Website Title</title>
<meta charset="UTF-8" >
<link rel="stylesheet" href="css/style.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body class="body">
<header class="mainHeader">
<img src="logo.png"></img>
<nav>
<ul>
<li class="#"><a href="index.php">home</a></li>
<li class="#"><a href="contact.php">contact</a></li>
</ul>
</nav>
</header>
</body>
</html>【问题讨论】：
-
不看实际的源文件就无法判断。在您使用的任何浏览器中查看开发人员控制台，查看应用的填充和边距，以及相关的样式。在某处，有一些不同的东西。
-
去掉
</img>，图片标签不会关闭。 -
对不起，我不是 PHP 人，但您的标题包含
html、head和body标记似乎很奇怪。我认为包含应该像部分视图。另外，不要得到隧道视野......问题可能不在于头文件或标题 CSS，而可能是 index.php 页面上的标记（如杂散字符或无效标记）或页面样式. -
index.php 和 contact.php 究竟是什么样子的？看起来你上面有一些伪代码。确保在初始标记之前没有任何空格，例如
<?php (includes) ?> <html>（?> <html>之间的空格）与<?php (includes) ?></html>。 FWIW，我会包含一个文档类型，即<!DOCTYPE html>。