0

私はこのsusy設定を持っています:

$susy: (
  columns: 8,
  gutters: 1/4,  
  global-box-sizing: border-box,   
);

場合によっては、1/4 の代わりに別のガターが必要になることがあります。

たとえば、画像を参照してください。

ここに画像の説明を入力

そしてコード:

.wrap {  
  @include clearfix; 
  @include container (500px); 

  .box-1 {
    @include span(4 of 8);
  }
  .box-2 {
    @include span(4 of 8 last);
  }
  .box-3 {
    @include span(4 of 8 wide no-gutter);
  }
  .box-4 {
    @include span(4 of 8 last);
  }

  .box-5 {
    @include span(3.95 of 8 wide no-gutter);
  }

  .box-6 {
    @include span(4 of 8 last);
  }
}

私は成功せずにこれを試しました:

@include span(4 of 8 wide (gutter-override: 2px));

私はそれを修正する方法を見つけましたが、それが正しいかどうかはわかりません

@include span(3.95 of 8 wide no-gutter);

ありがとう

4

2 に答える 2

0

別の解決策:

.box-5 {
   float:left;
   width: span(4 of 8 wide) - 1%;
}

.box-6 {
   float:right;
   width: span(4 of 8);
}
于 2015-06-08T08:55:12.277 に答える