SUSY如何保持行分开

Question

如果我想要一个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 - 我正在使用{{1}每行中最后一项的指令，天真地假设这是一个神奇的子弹，也确保了行清除。

我现在用

解决这个问题

omega

每行之间，但我想知道我是否不理解SUSY的一部分，也许我可以用纯粹的SUSY声明实现这一点？

Answer 1

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

.column-three { clear: both; }

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