python - jinja2模板继承的问题（实际是清除浮动的问题）
本文介绍了python - jinja2模板继承的问题（实际是清除浮动的问题）的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
背景
环境如题：win + python3 + flask + jinja2。
初学python，在做一个博客工具练习flask，sql目前只有入门知识。
问题
-
模板使用中遇到一个div的高度不能自适应的问题，代码大致如下：
-
layout.html：如下
<!doctype html> <head> <title>FLASK</title> </head> <body> <div class=page> <header> <p>放的登陆/logo等玩意儿</p> </header> <nav> <ul> <li style="width: 5%"><a href="{{url_for("show_entries")}}">首页</a></li> <li><a href="#">标签预留</a></li> </ul> </nav> {% block body %}{% endblock %} </div> </body> -
show_entries.html:如下
{% extends "layout.html" %} {% block body %} <div id="crumb_l" class=breadcrumb> <span> 你的位置：</span> <a href="{{url_for("show_entries")}}">首页</a> </div> <article> {% for entry in entries %} <h2>放的文章列表（标题+摘要）</h2> {% endfor %} </article> <aside> <h2 class=title-in-container style="color:#666">最热文档 Top 10</h2> <ul> <h2>放的文章列表（纯标题）</h2> </ul> </aside> {% endblock %} -
css中的部分内容如下：
.page { margin: 0.5em auto; width: 60em; border: 1px solid #ccc; padding: 0.8em; background: #FAFFFA; box-shadow:0px 1px 2px #ddd; } article{ margin: 1em auto; padding: 0.8em; float: left; width:38em; overflow:hidden; border-top: 1px solid #eee } aside{ margin: 1em auto; padding: 0.8em; float: right; width:15em; border: 1px solid #ddd; box-shadow:0px 1px 2px #eee; overflow:hidden; }
-
具体问题如下图，.page的效果（类似纸张的感觉）没能覆盖整个网页。
我做的尝试
将 show_entries extends layout.html 改成 layout.html include show_entries，没有效果。
不知道还能怎么试了。。。。
想请教这个问题该如何解决。
解决方案
自问自答了。
这个问题又没有提完整。
经过朋友点拨，是因为article和 aside 设置了 float 导致了。清除浮动之后就正常了
这篇关于python - jinja2模板继承的问题（实际是清除浮动的问题）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
