Question

任何人都可以帮我解决Singularity的隔离范围方法吗？它实际上并不清楚。我放置了一个带隔离跨度（4,3，'both'）的文章/ div（类.special），它被两列（使用网格跨度）覆盖，后面应该跟随。 'both'意在清除任何后续的div，但不是。我必须在隔离跨度之后添加一个空div（id = spacer），然后必须给那个空div一个隔离跨度（1,1，'both'）以使其全部清楚。我已经使用不同的位置来解决这个问题，这是让它发挥作用的唯一方法。我使用'Bundler'来安装Singularity 1.1.2和各种依赖项作为Ruby 2.0 gems。我包括.scss。 .left_inset工作正常;如果没有我的解决方法，它将无法运行.special。 HTML只是一些带有lorem填充符的左右段落，网格为3,8（$ breaktab）和12（$ breakdesk）。一切都有效，除了.special isolation-span。

#main {
    #special {
        border-left: 1px solid white;
        border-right: 1px solid white;
        padding: 10px;
    }
    @include breakpoint($breaktab) {
        .left {
            @include grid-span(4, 1);
        }
        .right {
            @include grid-span(4, 5);
        }
        .left_inset {
            @include isolation-span(3, 2, 'both');
        }
        .special {
            @include isolation-span(4, 3, 'both');
        }
    }
    @include breakpoint($breakdesk) {
        .left {
            @include grid-span(6, 1);
        }
        .right {
            @include grid-span(6, 7);
        }
        .left_inset {
            @include isolation-span(5, 2, 'both');
        }
        .special {
            @include isolation-span(6, 4, 'both');
        }       
    }
}
#spacer {
    @include breakpoint($breaktab) {
        @include isolation-span(1, 1, 'both');
    }
}

答案可能是将.left块变成这样的浮动范围：

@include breakpoint($breaktab) {
        .left {
            @include float-span(4, 'first');
        }
        .right {
            @include grid-span(4, 5);
        }
        .left_inset {
            @include isolation-span(3, 2, 'both');
        }
        .special {
            @include isolation-span(4, 3, 'both');
        }
    }

然后正确编译并强制隔离跨度后的块清除。

Answer 1

问题似乎是因为您将both包装在引号中，而是将其作为字符串打印出来。取消引用它们将它们打印为值，并且清除工作正常。请file an issue告诉我们有关引用问题的信息，我们将在Singularity 1.2.0发布之前对其进行审核。

奇点隔离 - 跨度无法清除

1 个答案: