我使用了Tailwind CSS,并且遇到了一个关于生成页脚的问题.

base.html

  <body>
    {% include "partials/nav.html" %}

    {% block content %}
    {% endblock %}

    {% include "partials/footer.html" %}
  </body>

footer.html

<footer class="w-full h-64 bg-gray-900 static bottom-0">
        {% load static %}
        <img src="{% static "images/logo_white.png" %}" width="70px"> <p class="text-white"> &copy~~~~~~</p>
</footer>

我试过静电,绝对的,固定的,相对的.但是.修复了挡路和相关内容的封面使页脚上浮.或者.mb-0、.Bottom-0不起作用.

可以在底部固定脚注吗?

推荐答案

<div class="flex flex-col h-screen justify-between">
  <header class="h-10 bg-red-500">Header</header>
  <main class="mb-auto h-10 bg-green-500">Content</main>
  <footer class="h-10 bg-blue-500">Footer</footer>
</div>

justify-between课不是必修课,但我会离开他(换作其他情况).

所以,玩h-screenmb-auto节课.

您会看到这个UI:

enter image description here

Django相关问答推荐

Django显示交叉表格

Django为不同应用程序发出信号

在Django ORM中引用非主外键

带有变量键的 Django 模板括号表示法不起作用

为什么在 Docker 映像中运行我的 Django 应用程序后下载属性不再起作用?

Django ORM:获取每个类别的月平均价格

Django celery 页面给出 404

防止 django 将_id附加到外键字段

初始填充 Django 表单

Django 模板上的 URL 编码

Django Calendar日历小部件?

具有基于类的视图的 cache_page

重命名 django 元素的简单方法

Django ModelChoiceField optgroup 标签

Python Django:您正在使用 staticfiles 应用程序而没有设置 STATIC_ROOT 设置

如何向所有 Django 响应添加 HTTP 标头

将 Django Rest Framework 与序列化程序一起使用时出现 AttributeError

刷新时重新提交的django表单

在 django admin 中控制 TextArea 小部件的大小

Django中'related_name'和'related_query_name'属性之间的区别?