列计算

时间:2015-11-12 10:16:46

标签: html css

我想知道列的计算是什么

注意: 我正在使用 skeleton 2.0.4 960网格系统(12列)

以下是我要做的事情:

  • 在四列div中,我想添加两个2columns div,在图片上看到白色。

但是......有这个代码:

 <div class="container">
    <div class="header four columns">
      <div class="row">
        <div class="class two columns" style="background-color:white;">2 columns</div>
        <div class="class two columns" style="background-color:white;">2 columns</div>
        <div class="class two columns" style="background-color:white;">2 columns</div>
      </div>
    </div>
    <div class="content-top eight columns">
      <div class="row">
        <div class="three columns" style="background-color:white;">test</div>
        <div class="three columns" style="background-color:white;">test</div>
        <div class="three columns" style="background-color:white;">test</div>
        <div class="three columns" style="background-color:white;">test</div>
      </div>
    </div>
  </div>

那些(白色)2列应该比它们大。所以我想要实现更大的盒子或柱子。希望你能在这里明白我的观点。

问题: enter image description here

1 个答案:

答案 0 :(得分:1)

我可能错了,但根据大多数网格系统的工作原理,这种情况下的最大列12始终是其容器的100%宽度。因此,要在div中创建两列,它们实际上应该是6列。

$xgraph -P node0.dat

我认为这会给你在左边div中寻找的两个圆柱布局。