Django中block content显示在页脚下方的问题求助

各位好，我最近在折腾Django模板继承的时候碰到个头疼的问题，琢磨半天没搞明白，来请教下大家！

先说说我的基础模板base.html，结构很简单：页眉、预留的content块，最后是页脚，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>header</h1>

    {% block content %}
    
    {% endblock content %}


    <h1>footer</h1>
    
</body>
</html>

然后我写了index模板，想填充content块的内容，代码是这样的：

{% include "base.html" %}
{% load static %}


{% block content %}
<p> body </p>
{% endblock content %}

我本来预期页面输出应该是header body footer，结果实际输出却是header footer fghj（这里的fghj是测试时的笔误，核心问题是body内容没出现在页眉和页脚中间）。

我想让<p>body</p>显示在页眉和页脚之间，可现在它跑到页脚下面去了，是不是我在模板继承的写法上哪里弄错了？麻烦各位帮忙看看！

备注：内容来源于stack exchange，提问作者Fraol BlK