singularitygs - 使用隔离清除奇异行中的正确方法

Question

我有一个 2 列网格和两个 div，我都想从第一列开始跨越一列。我希望这些堆叠在一起，但它们被重叠在一起。这是scss：

#first {
  background: red;
  height: 30px;
  @include grid-span(1, 1);
}

#second {
  background: red;
  height: 30px;
  @include grid-span(1, 1);
}

我已经通过在这两个 div 之间插入一个额外的 div 并使用 @include clearfix; 来修复它。或者我可以通过使用 @include isolate-span(2,1,'both'); 来修复它。在第二个 div 上。

有没有更“最佳实践”的方式来清除这样的行？

score 0 · Accepted Answer

正如在这个类似的问题中所讨论的那样，当您使用隔离输出时，Singularity 不会为您清除浮动（isolation当每个浮动与彼此的位置隔离时，而不是float在它们不是的位置）。

该答案的简短版本是使用 CSSclear属性，正如Mozilla 开发人员文档中所解释的那样

1 回答 1