css - 整洁的发射 Css，宽度为容器 NaN%

Question

我创建了一个演示整洁的项目并在 Sass 中给它列。这是代码。

@import "../bourbon/bourbon"; // 
@import "../neat/neat-helpers"; 


$column: 0px;
$gutter: 0px;
$grid-columns: 10;
$max-width: 100%;


$large: new-breakpoint(max-width 1025px 10);
$medium: new-breakpoint(max-width 1024px 8);
$small: new-breakpoint(max-width 640px 4);

@import "../neat/neat";
body
{
    margin: 0;
    padding: 0;
} 

.outerContainer
{
    @include outer-container;
}

.leftCol
{
    @include span-columns(5);
    background-color: red;
    color:white;
    padding:10px;
    @include media($small) {
        @include span-columns(4);
    }


    @include media($medium) {
        @include span-columns(8);
    }


}
.rightCol
{
    @include span-columns(5);
    background-color: blue;
    color:white;
    padding:10px;   
    @include media($small) {
        @include span-columns(4);
    }

    @include media($medium) {
        @include span-columns(2);
    }



}

现在，当我看到emmited Css 时，这很有趣

 margin-right: NaN%;
  width: NaN%; }

为什么会显示Nan%？ 请告诉我我在哪里做错了？谢谢。

Answer 1

请检查导入的 CSS 文件的内容。

NaN%代表“非数字”，当您遇到任何计算错误时出现，例如除以 0。