Javascript PythonDjango项目-将div类页脚移动到主体中
我正在用python和django创建一个博客。在我尝试创建页脚之前,大部分都很好。页脚在主页上显示很好,但是当您点击博客文章时,页脚会受到内容容器和row div类的约束。 当您在firefox dev inspector和DOM中看到这一点时,会发现我的footer div位于内容容器和行中,而不是正文中。大多数事情我通常都能找到答案,但这让我发疯。我想我要么错过了什么,要么问的问题不对Javascript PythonDjango项目-将div类页脚移动到主体中,javascript,jquery,python,html,css,Javascript,Jquery,Python,Html,Css,我正在用python和django创建一个博客。在我尝试创建页脚之前,大部分都很好。页脚在主页上显示很好,但是当您点击博客文章时,页脚会受到内容容器和row div类的约束。 当您在firefox dev inspector和DOM中看到这一点时,会发现我的footer div位于内容容器和行中,而不是正文中。大多数事情我通常都能找到答案,但这让我发疯。我想我要么错过了什么,要么问的问题不对 我不明白为什么只有footer div被放在content container/row div中,而没有
.footer{
高度:50px;
背景色:#000000;
颜色:#ffffff;
填充:10px;
文本对齐:居中;
明确:两者皆有;
}
{%block content%}
{%endblock%}
2017年版权与副本
如果存在没有结束标记的开始标记,则可能发生这种情况。例如,如果你的博客看起来像这样
{% block content %}
<div id="open_tag_1">
<div id="open_tag_2">
{% endblock %}
{%block content%}
{%endblock%}
您希望关闭
和
的标记实际上将用于关闭
和
将位于
内部。如果有没有结束标记的开始标记,则可能发生这种情况。例如,如果你的博客看起来像这样
{% block content %}
<div id="open_tag_1">
<div id="open_tag_2">
{% endblock %}
{%block content%}
{%endblock%}
您希望关闭
和
的标记实际上将用于关闭
和
将在
这是博客文章的详细信息页面
{%extends'blog/base.html%}
{%block content%}
{%if post.published_date%}
{{post.published_date}
马特·奇瑟姆
{%else%}
{%endif%}
{%if user.u经过身份验证%}
{%endif%}
{{post.title}}
{{post.text | safe}}
评论
{%用于post.comments.all%中的注释}
{%如果user.u经过身份验证或comment.approved\u comment%}
{{comment.created_date}
{%if not comment.approved_comment%}
{%endif%}
{{comment.author}}
{{comment.text | safe}}
{%endif%}
{%empty%}
这里还没有评论
{%endfor%}
{%endblock%}
这是博客文章的详细信息页面
{%extends'blog/base.html%}
{%block content%}
{%if post.published_date%}
{{post.published_date}
马特·奇瑟姆
{%else%}
{%endif%}
{%if user.u经过身份验证%}
{%endif%}
{{post.title}}
{{post.text | safe}}
评论
{%用于post.comments.all%中的注释}
{%如果user.u经过身份验证或comment.approved\u comment%}
{{comment.created_date}
{%if not comment.approved_comment%}
{%endif%}
{{comment.author}}
{{comment.text | safe}}
{%endif%}
{%empty%}
这里还没有评论
{%endfor%}
{%endblock%}
如果你在博客中打开了未关闭的div,那么页脚将在行中结束。关闭容器的div是否丢失了>?抱歉,不知道>是如何丢失的,但是没有,我关闭了/div标记,如果你在博客中打开了未关闭的div,问题仍然是一样的,然后页脚将在行中结束。关闭容器的div是否缺少>?抱歉,不确定>是如何丢失的,但没有我关闭了/div标记,它仍然是一样的。我明白你的意思,但肯定3个结束标记关闭了内容容器、行和列的开始标记?然后页脚被分离,并用div类页脚打开一个新的div?这在主页上也非常有效,但当详细查看特定的博客文章时,它会在行div下对齐。我假设博客和主页的内容块不同。如果您的博客中有未关闭的div标记,则行或容器可能未正确关闭。不要使用浏览器的开发人员工具查看html,因为它们会为您自动关闭标记。我已将内容块代码粘贴到上面,再次检查,所有div似乎都在内部关闭,并且我没有任何内容块外的代码。是的,谢谢,我只是使用开发工具来查看发生了什么,因为我在代码中看不到任何东西。是的,我明白你的意思,但肯定是3个结束标记关闭了内容容器、行和列开始标记?然后,页脚被分离,并用div类页脚打开一个新的div?这在主页上也非常有效,但这是在查看规范时