css - 如何使用 Susy 将两个网格项目放在一起？

Question

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

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

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

在较窄的屏幕上，我希望边线彼此上方，如下所示：

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

我可以将它们拉到同一列，但它们只会重叠。我怎样才能使这项工作？

Answer 1

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