正确的方法使用隔离清除奇点中的行

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。

是否有更多'最佳实践'方式清除这样的行？

Answer 1

正如本similar question中所讨论的，当您使用隔离输出时，奇异性不会清除您的浮点数（isolation当每个浮点数彼此隔离时，而不是{ {1}}他们不是。）

该答案的简短版本是使用CSS float属性，正如Mozilla Developer Docs

中所述。