CSS布局问题960 GS

Question

我只是想实现使用960 GS的以下CSS布局。几乎是一种报纸文章的布局。我发现一些定位问题。

我使用你的那种信息

$ninesixty-grid-width: 978px; 
    $ninesixty-columns:12; 
    $ninesixty-gutter-width: 0px; 
    $ninesixty-class-separator: "-"; 

我无法实现与里面的文字图像的报纸种类的布局。请指导我出一些链接或指针或代码来实现此目的。让我知道如果你需要futher信息

Answer 1

你没有说，如果你已经有了网格或没有，但无论如何，如果你去 - grid generator site并进入设置：

首先包住整个页面在container-12然后我会用下面的类对您的div的布局：

注：

我想你会需要把两个元素在第一网6，以避免浮动的问题。其他要考虑的事情是，你没有排水沟，所以元素将紧密对方。我会建议修改设置并添加一个装订线。

通常我不会添加填充到网格元素，因为这意味着您需要编辑宽度并且违背网格系统。