0

susyは初めてですが、少し難しいです。

HTML

<div class="wrap">
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
  <div class="col last"></div>
</div>

SCSS

@import "susy"; 

$susy: (
  container: 1140px, 
  columns: 12, 
  gutters: 0.5, 
  global-box-sizing: border-box, 
  debug: (image: show-columns)
);

@include border-box-sizing;

.wrap {
  @include container;
}

.col{
  @include span(3);
  height:40px;
  background:#f00;
  box-sizing: border-box;
}

私はこれが正しいと思いますが、私の列はグリッドの外に出ています:

ここに画像の説明を入力

ここで実行中のコードを確認できます: http://codepen.io/EightArmsHQ/pen/Ejjxwv

グリッド内の列を正確に取得するにはどうすればよいですか?

4

1 に答える 1