Html 使用整洁的

在我看来，“整洁”的默认行为应该是，每个跨度柱在相邻跨度柱之间都应有一个边距或檐槽。我在网上找到的每一个例子都简单地安装整齐，做了一个快速的演示，结果在相邻的元素之间有一个槽。没有更改任何设置

有人知道为什么我没有这样做吗？我有一杯干净的波旁威士忌和一杯干净的。我的html如下

<footer class="col-2">
  <section class="left">
    content
  </section>
  <section class="right">
    content
  </section>
</footer>

以下是渲染输出的链接：

所以我有两个问题

为什么即使我将左边的柱子浮动，这些柱子还是叠在一起？ 为什么我的列忽略了每列之间的边沟？

---

看起来您将类命名为div has class.col-2和scss has.col-3，并且由于嵌套了类，列mixin不会应用于子div

---

这里的代码与匹配的类名一起工作

问题与我的规范化样式表有关。有一些规则凌驾于整洁之上。

谢谢你的回答，但那只是我胡乱尝试不同事物的结果。我对元素进行了适当的分类。然而，我只是复制并粘贴了你的代码到我的项目中，它仍然是不正常的，所以这让我有了另一个想法。显然，我的规范化样式表破坏了我的整洁规则。我禁用了normalize，它的行为符合预期。谢谢你的推送！

.col-3 {
  @include outer-container;

  .left {
    @include span-columns(6);
  }

  .right {
    @include span-columns(6);
  }
}