Question

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

<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是一个白色的块，其中主要内容被装箱，但在主页中，白色框不会向下延伸以覆盖整个主页内容，即使它是从内部的应用程序布局页面。

当我放在主页的顶部时，问题就消失了。我很想知道那是什么，以及是否符合如何使用蓝图的具体规则和指导方针。

提前谢谢！

Answer 1

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

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

1 个答案: