带侧边栏的960网格系统?

时间:2011-12-22 10:18:03

标签: 960.gs

我准备了这个可爱的小图片:

enter image description here

这基本上是我需要实现的目标。

我正在使用960 Grid System

甚至可能吗?

我试过这个:

<div class="grid_8"></div>

<div class="clear"></div>

<div class="grid_4"></div>
<div class="grid_4"></div>

<div class="clear"></div>

<div class="grid_4"></div>
<div class="grid_4"></div>

但我不知道id如何将侧边栏放入!!

编辑

我刚试过这样的层次结构:

<div class="grid_8">
    <div class="grid_4"></div>
    <div class="grid_4"></div>
    <div class="clear"></div>
    <div class="grid_4"></div>
    <div class="grid_4"></div>
    <div class="clear"></div>
</div>
<div class="grid_4"></div>  

但是那个巨大的失败:(

1 个答案:

答案 0 :(得分:5)

您需要将.grid_4.grid_8内容div嵌套在.grid_8中:

<div class="grid_8">
    <div class="grid_8 alpha omega"></div>
    <div class="grid_4 alpha"></div>
    <div class="grid_4 omega"></div>
</div>
<div class="grid_4"></div>