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

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

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

该答案的简短版本是使用 CSS clear 属性，正如 Mozilla Developer Docs 中解释得很好的那样。