2

私は理解できないように見えるかなり単純な問題を抱えています。特定の列にスパンを配置しても効果がないようです。

header {  
.fullheight {
    @include backImage('../images/img_hero_brightspace-homepage.png');
    @include container(100%);
    .hgroup {
      @include span(6 at 6 of 12);
      padding: 200px 0 50px 0px;
      text-align: center;
      h3{
        display: block;
        font-weight: $light;
        font-size:2rem;
        color:grey;
      }
    }
}

問題の行は

@include span(6 at 6 of 12);

スパンはまだ 1 から始まっています。明らかに間違っていることはありますか?

ここに画像の説明を入力

4

1 に答える 1

4

atlocation キーワードは、出力を使用する場合にのみ配置を設定できますisolation。span(6 at 6 of 12 isolate)要素をプッシュします。pushまたはmixin を使用して、pull要素をデフォルトの位置から移動することもできます。

問題は、場所がデフォルト フローに対して相対的であることです。通常のフロート レイアウトでは、Susy はアイテムのデフォルトの位置がわかりません。要素が現在どこにあるかわからない場合、要素を列 6 にプッシュすることはできません。アイソレーションは、すべてのフロートを左端から離して配置するテクニックです。

分離を一貫して使用しない場合は、pushorpullを使用します。それらは明示的に相対的です。

于 2014-10-15T20:33:39.793 に答える