我喜欢960作为网站布局的简单方法。但是,我不确定它的功能。
我希望网页主要部分有2列(grid_4)和2行,右边有一列(grid_4)。
是否可以定义8个列的第一个网格和4个列中的第二个网格,然后将其他单元格放在第一列中?
伪结构:
grid_8
>grid_4
>grid_4
grid_4
主要思想是让最后一列具有不同的主网格高度。
答案 0 :(得分:2)
如果您想在网格中包含一组网格,请使用.alpha
和.omega
类。
<div class="grid_8">
<div class="grid_4 alpha"> ... </div>
<div class="grid_4 omega"> ... </div>
</div>
.alpha
- 删除左边距
.omega
- 删除边距右侧
您也可以将其应用于多个内部网格。
<div class="grid_12">
<div class="grid_4 alpha"> ... </div>
<div class="grid_4"> ... </div>
<div class="grid_4 omega"> ... </div>
</div>