960 GS的CSS布局问题

Question

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

我正在使用您的信息

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

我无法通过文本内部的图像实现报纸的布局。请指导我一些链接或指针或代码来实现这一目标。如果您需要进一步的信息，请告诉我

Answer 1

你没有说你是否已经有网格，但无论如何你去 - grid generator site并输入设置：

首先将整个页面包装在container-12中然后我会在你的div上使用以下类来进行布局：

注：

我认为您需要将两个元素放在第一个grid-6中以避免浮动问题。其他要考虑的事情是你没有排水沟，所以元素会相互紧密。我建议修改设置并添加装订线。

通常我不会在网格元素中添加填充，因为这意味着您需要编辑宽度并且与网格系统相对应。