Layout Blueprint CSS-不从应用程序布局页面继承的页面

Layout Blueprint CSS-不从应用程序布局页面继承的页面,layout,blueprint-css,Layout,Blueprint Css,我的应用程序布局页面中有以下内容 <body> <div class="container showgrid"> <%= render 'layouts/header' %> <section> <%= yield %> </section> <%= render 'layouts/footer' %> </div> </body> 在我的主页中,我有以下代码

我的应用程序布局页面中有以下内容

<body>
 <div class="container showgrid">
  <%= render 'layouts/header' %>
  <section>
    <%= yield %>
  </section>
  <%= render 'layouts/footer' %>
 </div>
</body>
在我的主页中,我有以下代码:

  <div class="span-12">
   <h1>Text here</h1>
  </div>  

  <div class="span-11 last">
    <h2>Text here</h2>

    <h4>Text here</h4>

    <blockquote>"Text"</br>
    -Text              
    </blockquote>

    <%= link_to "Sign up now!", signup_path, :class => "signup-button" %>  
  </div>
我遇到的问题是,css是一个白色块,其中主要内容是装箱的,但在主页中,白色框不会向下延伸以覆盖整个主页内容,即使它是从应用程序内部的应用程序布局页面生成的

当我放在主页顶部时,问题就消失了。我很想知道这是什么,以及这是否在如何使用blueprint的特定规则和指导方针范围内


提前谢谢你

我只是通过将div类设置为container来修复它。这解决了问题