CSS文件未在子目录中链接答案

【问题标题】：CSS file not linking in sub-directoryCSS文件未在子目录中链接
【发布时间】：2009-11-13 21:12:28
【问题描述】：

这是我的目录结构：

-根

--文档

---doc1.php

--包括

---header.php

---footer.php

---css.css

--index.php

在我的标题中，我像这样链接到我的 CSS 文件：

<link href="includes/styling.css" type="text/css" rel="stylesheet" />

这适用于 index.php，因为它是正确的路径 (root/includes/css.css)。

但对于 doc1.php，这不是正确的路径。 (root/docs/includes/css.css)。

如何在保留一个包含该行代码的 header.php 文件的同时解决此问题？有没有办法强制路径从根目录开始？

【问题讨论】：

标签： html css

【解决方案1】：

使用绝对路径而不是相对路径。

<link rel="stylesheet" type="text/css" href="/root/includes/css.css" />

【讨论】：

【解决方案2】：

您可以使用base 标签告诉浏览器所有链接的相对位置（包括 s 和 s），您需要确保所有链接都与该链接相关，但它允许您使用来自任何文档的相同相对路径。

或者，您可以使用绝对路径。

【讨论】：

【解决方案3】：

或者这将消除任何页面的所有疑问，在任何级别：

<link rel="stylesheet" type="text/css" href="http://www.mysite.com/includes/css.css" />

【讨论】：