Susy参数产生不正确的@container宽度

Question

以下 -

$total-columns: 12;
$column-width: 60px;
$gutter-width: 20px;
$grid-padding: 10px;
$container-style: static;
.centre { @include container; }

制作此css -

width: 1020px;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;

即使该容器中的所有列都已正确处理。所以

#logo { @include span-columns( 5, 12 ); }

正确生成宽度为380px且边距为20px的元素。

nav { @include span-columns( 7 omega, 12 ); }

然后正确创建一个540px的元素并将其放在#logo的右边，没有边距。但是，这些元素的父#centre容器宽度为1020px而不是940px宽。

有人可以解释为什么会这样吗？

提前致谢。

[UPDATE]

添加

$container-width: 1140px;

正确生成

width: 1120px;

然而，添加

$container-width: 960px;

具有导致指南针停止观看文件的效果。它显示我检测到的变化......＆＃39;但后来未能覆盖......＆＃39;命令。删除

后，我必须取消指南针并再次运行指南针

$container-width: 960px;

很奇怪！

Answer 1

尝试重新创建经典的960gs 16列网格时遇到同样的问题：

$total-columns: 16;
$column-width: 40px;
$gutter-width: 20px;
$grid-padding: 10px;

生成940px宽，而不是960px宽的容器。

susy v1.0.5