背景

1. 环境如题：win + python3 + flask + jinja2。

2. 初学python，在做一个博客工具练习flask，sql目前只有入门知识。

问题

1. 模板使用中遇到一个p的高度不能自适应的问题，代码大致如下：

   • layout.html：如下

     
     
         
     
     
     
         
     
             
     
                 
     放的登陆/logo等玩意儿
             
             
             {% block body %}{% endblock %}
         
     
     
     

   • show_entries.html:如下

     {% extends "layout.html" %}
     {% block body %}
             
     
                  你的位置：
                 首页
             
             
     
                 {% for entry in entries %}
                     
     放的文章列表（标题+摘要）
                 {% endfor %}
             
     
             
     {% 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; 
     }
     

2. 具体问题如下图，.page的效果（类似纸张的感觉）没能覆盖整个网页。
   

我做的尝试

1. 将 show_entries extends layout.html 改成 layout.html include show_entries，没有效果。

2. 不知道还能怎么试了。。。。

想请教这个问题该如何解决。