css - 960 GS 的 CSS 布局问题

Question

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

我正在使用您的信息

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

我无法用文本中的图像实现报纸式的布局。请指导我一些链接或指针或代码来实现这一点。如果您需要更多信息，请告诉我

Answer 1

你没有说你是否已经有了网格，但无论如何如果你去 -网格生成器站点并输入设置：

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

笔记：

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

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