CSS 使用 php 包含时未包含文件

Question

我在项目根目录的样式文件夹中有一个名为 main.css 的 css 文件：

#header
{
    background-color: aqua;
    height: 120px;
}

在另一个 php 文件中 header.php 我有这样的东西：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="/styles/main.css"/>
</head>
<body>
<header id="header"></header>

我也有一个footer.php:

</body>
</html>

像这样在我的 index.php 中组合时：

<?php
    require('includes/header.php');
?>
<?php
    require('includes/footer.php');
?>

结果是我的 css 规则没有得到应用。我该如何解决这个问题？

Answer 1

问题可能出在您的 css 路径中，如果 php 文件和样式文件夹都在 root 中使用，就像这样 href="styles/main.css"

Answer 2

Link 您的 css 文件使用基础

尝试

href="../styles/main.css"

Answer 3

似乎是您的 css 文件路径导致了这个问题。

如果您的目录结构如下所示：

替换 header.php 中的 css 路径，如：

href="../styles/main.css"

CSS file not included when using php include