苏西。固定布局中列的边距错误

Question

我正在使用 Susy 进行固定布局，当第二列有右边距时，即使我指定它们嵌套在容器中，我也会遇到这个问题。

Codepen

HTML

<div class="control">
  <label class="control__label">Email</label>
  <input type="text" class="control__self">
</div>

CSS

@import "susy";

$fixed: (
  box-sizing: border-box,
  math: static,
  columns: 12,
  column-width: 60px,
  gutters: 20px/60px,
  gutter-poistion: inside
);

@include with-layout($fixed) {
  .control {
    @include container(12);
    .control__label {
      @include span(3 of 12);
    }
    .control__self {
      @include span(9 of 12);
    }
  } 
}

Answer 1

改变了

.control__self {
  @include span(9 of 12);
}

到

.control__self {
  @include span(9 of 12 last nest);
}

并且像魅力一样工作。