使用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>
答案 0 :(得分:4)
框架不是聪明的&#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列网格系统;因此,愚蠢的边缘,填充等。它实际上按预期工作。希望这是有道理的。