php - 页脚没有取代它的位置
问题描述
这是我上一个问题的延续。这是我的网站主页;在您的帮助下(谢谢,谢谢),我将页脚固定在页面底部,但现在您可以看到;页脚没有占据页面的所有底部。 网站首页(标题不重要)
例如,当我去注册页面时,页脚不会改变它的位置;请参阅: 注册页面(标题不再重要)
我所有的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;
}
我希望它修复。感谢 紧急情况;请帮忙
解决方案
推荐阅读
- django - 安装后 Django-atom 或 Atom-django 自动完成功能不起作用
- html - 如何在 RMarkdown 中为绘图中的缺失数据创建个性化警告消息?
- django - Django 频道“名称解析暂时失败”,我不知道该怎么办
- elasticsearch - 如何修复此错误 Mapper for [description] 与现有映射器冲突:无法将参数 [analyzer] 从 [my_analyzer] 更新为 [default]
- swiftui - Mac OS 菜单栏添加右键单击以显示另一个视图
- reactjs - 样式化组件:如何在样式化父级中将 FC 设置为子级
- node-red - 在 Node-Red 的函数节点中是否可以嵌套 If 语句?
- python - 有没有办法在整个 Python 项目中打开或关闭调试行?
- android - R.layout.main_view(活动视图)的父视图是什么?
- tcp - 通过带有信号映射的以太网/TCP 发送 CAN DBC 消息