Css 未创建排水沟

Css 未创建排水沟,css,sass,susy-compass,susy-sass,susy,Css,Sass,Susy Compass,Susy Sass,Susy,最近,我们使用Sass和Compass创建了一个新项目。我尝试使用基本设置: $total-columns : 12; $header-columns : 36; $column-width : 5em; $gutter-width : 1em; $susy: ( /*the basics*/ flow: ltr, math: fluid, output: float, gutter-position: after, container: auto, contain

最近,我们使用Sass和Compass创建了一个新项目。我尝试使用基本设置:

$total-columns  : 12;
$header-columns : 36;
$column-width   : 5em;
$gutter-width   : 1em;  

$susy: (
 /*the basics*/
 flow: ltr,
 math: fluid,
 output: float,
 gutter-position: after,
 container: auto,
 container-position: center,    
 columns: $total-columns,
 gutters: $gutter-width / $column-width,
 column-width: $column-width,
 last-flow: to,
 debug: (
    image: show,
    color: blue,
    output: overlay,
    toggle: top right,
 ),
 use-custom: (
    background-image: true,
    background-options: false,
    box-sizing: true,
    clearfix: false,
    rem: true,
 )
);    
我们在每一页上都导入Susy,但我们无法看到排水沟

div.block{
  @include span(4 of 12);  

  position: relative;
  box-sizing: border-box;
  background-color: rgba(255,255,255,0.9);
  border: 6px double rgba(0,0,0,0.3);
  min-height: 18em;
  text-align: center;
  margin-bottom: 1em;
  padding:0;
  border-radius: 10px;
  overflow: hidden;
}
我们预计利润率将自动计算,但如果我们查看输出,则不会创建右侧利润率和左侧利润率

输出:

  width: 33.33333%;
  float: left;
  position: relative;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.9);
  border: 6px double rgba(0, 0, 0, 0.3);
  min-height: 18em;
  text-align: center;
  margin-bottom: 1em;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;

这里缺少什么?

我无法重新创建此输出。我得到了
正确的利润率:1.40845%每次。您的代码中一定有其他东西正在删除它?问题与在对象中导入SCS有关。例如:{(at)import“partial”}节执行此操作时,Compass首先编译部分,然后编译父scss文件。但这并没有以某种方式创造利润。。因此,我们将(at)导入移到了scss文件的顶部,并将父对象添加到div.block:section{div.block{…}中。现在,它正在编译,但速度非常慢……还要注意,导入的顺序非常重要。我们又遇到了同样的问题,然后我们在页面顶部更改了导入的顺序,页边距又恢复了。导入的顺序和位置与Sass相关,但我不确定为什么会特别影响Susy页边距。速度问题是Ruby Sass的一个已知问题。我认为他们正在采取措施解决这个问题,但你也可以尝试转移到Libsass(尽管Compass不起作用)。