SUSY如何保持行分开答案

【问题标题】：SUSY how to keep rows separateSUSY如何保持行分开
【发布时间】：2013-04-13 01:17:18
【问题描述】：

如果我想要一个 SUSY 网格

[column1 of copy] [column2 of copy]
[column3 of copy now on a new row] [column4 of copy]

...也就是说，无论列有多高，我都希望为我的 column3 和 column4 文本添加一个新行，是否有一种纯粹的 SUSY 方式来实现这一点？

我发现如果 column2 的内容很高（很多文本），那么 column3 会“弹出”到 column1 的正下方，所以我假设没有应用 clear — 我正在使用 omega 指令对于每一行中的最后一项，并且天真地假设这是一个可以确保行清除的灵丹妙药。

我现在正在解决这个问题

<div class="clearfix"></div>

在每一行之间，但我想知道我是否不了解 SUSY 的一部分，也许我可以使用纯 SUSY 语句来实现这一点？

【问题讨论】：

【解决方案1】：

您不需要任何额外的标记，也不需要 Susy 的帮助，有一种超级简单的 css 方法来处理这个问题。这正是clear 属性的用途。你只需要这个：

.column-three { clear: both; }

您可以清除 left、right 或 both 以将项目放在任一或两侧的浮动下方。 Susy 没有任何功能，因为我找不到任何方法使它比现在更简单或更有意义。

【讨论】：

很公平，谢谢 Eric — 很高兴知道在这种情况下我应该只使用“普通”CSS，而且我并没有错过关于 SUSY 的任何内容。顺便说一句，感谢您和同事的 SUSY。