使用php-include时不包含CSS文件


CSS file not included when using php include

我在项目根目录的styles文件夹中有一个名为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>

我还有一个页脚。hp:

</body>
</html>

当在我的index.php中这样组合时:

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

结果是我的css规则没有得到应用。我该怎么解决这个问题?

如果php文件和样式文件夹都在根目录中使用,则问题可能出现在css路径中,如href="styles/main.css"

使用基本链接css文件

尝试

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

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

如果你的目录结构如下:

  • 包括
  • |__header.php
  • |__页脚.php
  • 样式
  • |__main.css

将header.php中的css路径替换为:

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