Question

使用Gumby框架我遇到了嵌套div的问题。

我正在尝试在十列网格中嵌套三列和七列网格。

我尝试使用我的HTML / CSS做了一些变化无济于事。图一我必须遗漏一些相当简单的东西。

HTML代码示例：

 <div class="ten columns main_col">
 <p>Text removed</p>

 <div class="row">
 <div class="three"><h2 class="100width">Core Services</h2></div>
 <div class="seven"></div>
 </div>

 </div>

Answer 1

框架不是聪明的＆＃34;。一切都基于12或16列。所以你必须为这种性质的事情做所有的思考。如果您想在12列网格中使用3-7居中的容器，则以下代码就是这样：

<!-- 10 Columns -->
<div class="row">
    <div class="three columns push_one">3 col</div>
    <div class="seven columns">7 col</div>
</div>
<!-- // End 10 -->

这就是为什么：10列= 12个中的10个（为了论据的缘故），该容器中的3列和7列实际上是12列中70％的12列的30％居住在12列容器的83.333％内。在容器上抛出class="ten columns"并没有触发某种递归函数来重置＆＃34;重置＆＃34;容器作为10列网格系统;因此，愚蠢的边缘，填充等。它实际上按预期工作。希望这是有道理的。

Div嵌套问题与Gumby框架网格

1 个答案: