2

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ステートメントでこれを達成できますか?

4

1 に答える 1

1

追加のマークアップや Susy の助けは必要ありません。これを処理するための非常にシンプルな CSS の方法があります。まさにそのためのclear物件です。必要なのはこれだけです：

.column-three { clear: both; }

left、right、またはをクリアして、both片側または両側のフロートの下にアイテムをドロップできます。Susy には機能がありません。なぜなら、以前よりも単純にしたり意味​​のあるものにしたりする方法が見つからないからです。

于 2013-04-12T17:17:18.153 に答える