首页 > 解决方案 > 页脚没有取代它的位置

问题描述

这是我上一个问题的延续。这是我的网站主页;在您的帮助下(谢谢,谢谢),我将页脚固定在页面底部,但现在您可以看到;页脚没有占据页面的所有底部。 网站首页(标题不重要)

例如,当我去注册页面时,页脚不会改变它的位置;请参阅: 注册页面(标题不再重要)

我所有的footer.html代码:

<link rel="stylesheet" href="/static/css/footer.css">
<footer class="container py-5  navbar-fixed-bottom food">
  <div class="row" style="color: white ; font-family: Forte; height: 100% ; background-color: #1b1e21">
    <div class="col-12 col-md">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="d-block mb-2" role="img" viewBox="0 0 24 24" focusable="false"><title>Product</title><circle cx="12" cy="12" r="10"></circle><path d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94"></path></svg>
      <small class="d-block mb-3 text-muted">©2019-2020</small>
    </div>
    <div class="col-6 col-md">
      <h5>Your turn</h5>
      <ul class="list-unstyled text-small">
        <li><a class="text-muted" href="{% url 'register' %}">Register</a></li>
        <li><a class="text-muted" href="{% url 'login' %}">Login</a></li>
        <li><a class="text-muted" href="{% url 'create_res' %}">Add your resturant</a></li>
      </ul>
    </div>
    <div class="col-6 col-md">
      <h5>See our work</h5>
      <ul class="list-unstyled text-small">
        <li><a class="text-muted" href="{% url 'show_res' %}">Resturants</a></li>
{#        <li><a class="text-muted" href="{% url 'rate' %}">Rate resturants</a></li>#}
      </ul>
    </div>
    <div class="col-6 col-md">
      <h5>Resources</h5>
      <ul class="list-unstyled text-small">
        <li><a class="text-muted" href="#">Business</a></li>
        <li><a class="text-muted" href="#">Education</a></li>
        <li><a class="text-muted" href="#">Government</a></li>
        <li><a class="text-muted" href="#">Gaming</a></li>
      </ul>
    </div>
    <div class="col-6 col-md">
      <h5>About</h5>
      <ul class="list-unstyled text-small">
        <li><a class="text-muted" href="#">Team</a></li>
        <li><a class="text-muted" href="#">Locations</a></li>
        <li><a class="text-muted" href="#">Privacy</a></li>
        <li><a class="text-muted" href="#">Terms</a></li>
      </ul>
    </div>
  </div>
</footer>

我只用了几行 CSS:

    footer {
  position: fixed;
  bottom: 0;
}

我希望它修复。感谢 紧急情况;请帮忙

标签: phphtmldjango-templates

解决方案


推荐阅读