开发者

Is it possible to have a grid inside a cell with 960?

I like 960 as an easy way of doing the layout of web sites. However, I'm not sure of it's capabilities.

I want to have a grid with 2 columns (grid_4) and 2 rows on the main part of my page and a column on the right (grid_4).

Is it possible to define a first grid of 8 colums and a second of 4 columns and then to put other cells inside the first column?

The pseudo structur开发者_如何学Goe:

grid_8
    >grid_4
    >grid_4
grid_4

The main idea is to have the last column with a different height of the main grid.


If you want to have a set of grids inside a grid you use the .alpha and .omega classes.

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

.alpha - removes the margin-left

.omega - removes the margin-right

You can also apply this to multiple inner grids.

<div class="grid_12">
    <div class="grid_4 alpha"> ... </div>
    <div class="grid_4"> ... </div>
    <div class="grid_4 omega"> ... </div>
</div>
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜