Правильный подход к очистке строки в сингулярности с использованием изоляции

Question

У меня есть 2 столбца сетки и два деления, которые я хочу охватить один столбец, начиная с первого столбца. Я хочу, чтобы они накладывались друг на друга, но они накладываются друг на друга. Вот сксс:

#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'); на втором див.

Есть ли более "лучший" способ очистки строки, подобный этому?

Answer 1

Как уже говорилось в этом похожем вопросе, Singularity не очищает ваши значения с плавающей запятой, когда вы используете выход Isolation (isolation быть, когда каждый поплавок изолирован от позиции друг друга, в отличие от float где их нет).

Краткая версия этого ответа заключается в использовании CSS clear свойство, как очень хорошо объяснено в Документах разработчика Mozilla