【问题标题】:How can I place two grid items above each other using Susy?如何使用 Susy 将两个网格项目放在一起?
【发布时间】:2013-01-03 06:47:29
【问题描述】:

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

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

源顺序是 content-1-2,但上面使用 push()pull() 很容易。

在较窄的屏幕上,我希望边线位于彼此之上,如下所示:

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

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

【问题讨论】:

标签: css responsive-design susy-compass


【解决方案1】:

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

【讨论】:

  • 你是对的,这完全有道理。在这种情况下,我没有完全理解“omega”的用处。谢谢!
  • 您可以通过将一些东西向右浮动和向左浮动来实现类似的重新排列。这就是你在这里使用 omega 所做的事情,它只是同时处理最后的排水沟问题。
猜你喜欢
  • 2013-09-01
  • 2021-04-06
  • 1970-01-01
  • 1970-01-01
  • 2015-05-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-10-03
相关资源
最近更新 更多