css - 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 — 我正在使用omega每个中最后一项的指令行并且天真地假设这是一个可以确保行清除的灵丹妙药。

我现在正在解决这个问题

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

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

Answer 1

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

.column-three { clear: both; }

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