首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Blueprint CSS -不从应用程序布局页面继承的页面

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

Stack Overflow用户
提问于 2011-08-19 22:46:17
回答 1查看 57关注 0票数 1

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

代码语言:javascript
复制
<body>
 <div class="container showgrid">
  <%= render 'layouts/header' %>
  <section>
    <%= yield %>
  </section>
  <%= render 'layouts/footer' %>
 </div>
</body>

在我的主页中,我有以下代码:

代码语言:javascript
复制
  <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的特定规则和指南内。

提前谢谢你!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-09-02 09:23:23

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7123311

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档