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，没有效果。
不知道还能怎么试了。。。。
想请教这个问题该如何解决。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
你不用bootstrap吗？
自问自答了。
这个问题又没有提完整。
经过朋友点拨，是因为article和 aside 设置了 float 导致了。清除浮动之后就正常了