如何使用Susy将两个网格项目放在彼此之上?

时间:2013-01-02 19:46:40

标签: css responsive-design susy-compass

我有一个用Susy创建的CSS网格,有两个旁边和一个内容部分,如下所示:

|1| |2| |content|
        |content|
        |content|

源订单是内容1-2,但上面使用push()pull()很容易。

在较窄的屏幕上,我希望旁白在彼此之上,就像这样:

|1| |content|
|2| |content|
    |content|

我可以将它们拉到同一列,但它们只会重叠。我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:2)

我不会用推/拉来实现你的基本安排。相反,只需将您的内容设置为“omega”,它就会向右浮动,留出空间1和2,以便自动堆叠或浮动。只要你能,保持物体在自然“流动”中是一个非常好的主意,在这种情况下,它解决了你的问题。 :)