基础设置错误的列宽

Question

我正在使用基础6的Sass版本。我在列的宽度上遇到了一个令人烦恼的问题，这是我以前从未遇到过的。

这是我的简单HTML代码

<div class="foo">
  <div class="foo__row">
    <div class="foo__title">Lorem ipsum</div>
  </div>
</div>

这就是SCSS

.foo{
  &__row{
    @include grid-row;
  }
  &__title{
    @include grid-column(12);
  }
}

但CSS将foo__title的宽度设置为150％而不是100％。

有谁知道为什么？我疯了

Answer 1

我可以看到你在你的课程中包含一个名为&__title{ @include grid-column(12); } 的mixin：

{{1}}

在我们的项目中进行搜索： grid-column（12），看看里面是什么，我相信你会在上面的结果中加入。

Answer 2

解决！ 我注意到有一行声明为

@include grid-row(8);

因此，网格系统基于8列，而不是12列。