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的下面，因此我假設沒有應用明確的含義—我在omega指令用於最后一項每行，並且天真地認為這是一個魔術子彈，也確保了行的清除。

我現在正在解決這個問題

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

在每行之間，但是我想知道我是否不了解SUSY的一部分，也許我可以使用純SUSY語句來實現？

Answer 1

您不需要任何額外的標記，也不需要Susy的幫助，有一種超簡單的CSS方式可以處理此問題。 這正是clear屬性的用途。 您需要的是：

.column-three { clear: both; }

您可以清除left ， right或both清除both以將項目拖放到任一側或兩側的浮點下方。 Susy沒有任何功能，因為我找不到任何使它比以前更簡單或更有意義的方法。