其中一个页面没有继承css格式的基础

Question

嘿，我正在使用django模板。以下是基本html文件的片段，我调用了css链接

<link rel="stylesheet" type="text/css" href="static/css/layout.css"/>

但最奇怪的事情发生了。

{% extends "Layout.html" %}

所有html页面都继承自基本html文件，但有一页不继承css样式，而其他页面完美运行。有谁能想到一个可能的答案？先感谢您。

Answer 1

这是一个可能的原因。这样：

href="static/css/layout.css"

是相对于当前页面的。因此，如果适用于此URL：

http://mysite.com/page

那么这个会失败：

http://mysite.com/subdirectory/deeper

您需要在href前加/（或网站的基本网址）作为前缀。

Answer 2

如果您使用的是Django 1.3 staticfiles应用，请不要对您的css路径进行硬编码，请在settings.py中设置以下内容：

STATIC_URL = '/static/'

在你的模板中：

<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/layout.css"/>

我假设您的某个应用的css/layout.css文件夹中存在static。