【问题标题】:960 grid system with sidebar?960网格系统带侧边栏?
【发布时间】:2011-12-22 10:18:02
【问题描述】:

我准备了这张可爱的小图片:

这基本上是我需要实现的目标。

我正在使用960 Grid System

有可能吗?

我试过了:

<div class="grid_8"></div>

<div class="clear"></div>

<div class="grid_4"></div>
<div class="grid_4"></div>

<div class="clear"></div>

<div class="grid_4"></div>
<div class="grid_4"></div>

但我不知道我是怎么把侧边栏放进去的!!

编辑

我只是尝试了这样的层次结构:

<div class="grid_8">
    <div class="grid_4"></div>
    <div class="grid_4"></div>
    <div class="clear"></div>
    <div class="grid_4"></div>
    <div class="grid_4"></div>
    <div class="clear"></div>
</div>
<div class="grid_4"></div>  

但是那个巨型失败了:(

【问题讨论】:

  • 是的,有可能(不是开玩笑)。
  • 你看过演示页面了吗? 960.gs/demo.html

标签: 960.gs


【解决方案1】:

您需要将 .grid_4.grid_8 内容 div 嵌套在 .grid_8 中:

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

【讨论】:

    猜你喜欢
    • 2018-10-18
    • 1970-01-01
    • 1970-01-01
    • 2021-07-06
    • 1970-01-01
    • 1970-01-01
    • 2023-03-03
    • 2011-07-05
    • 1970-01-01
    相关资源
    最近更新 更多