Css 为什么div之间存在虚假的过度分离？

这说明了问题所在

最里面的div（以蓝色显示）之间的间距（以白色显示）应该与最外面div的填充（20px，以绿色显示）相同，但不难看出它更大

在下部系列中可以更清楚地看到这一点，其中在偶数编号的最内层div中添加了半透明的20px轮廓（浅橙色）

为什么最里面的div之间有额外的间距

---

现在，强制性法规：

<div class="outermost">
  <div class="row">
    <div class="innermost"></div>
    <div class="innermost"></div>
    <div class="innermost"></div>
    <div class="innermost"></div>
    <div class="innermost"></div>
    <div class="innermost"></div>
  </div>
</div>

<div class="outermost">
  <div class="row">
    <div class="innermost"></div>
    <div class="innermost"></div>
    <div class="innermost"></div>
    <div class="innermost"></div>
    <div class="innermost"></div>
    <div class="innermost"></div>
  </div>
</div>

---

内联元素对代码中的空白敏感。解决此问题的一种方法是简单地删除空白：

</div><div class="innermost">

</div><div class="innermost">

</div><!--
        --><div class="innermost">

.row {
    display: block;
    padding: 0;
    white-space: nowrap;
    background: #fff;
    font-size:0;
}