Question

我正在尝试CSS3列，我注意到添加了顶部和底部边距，尽管我明确地将它们设置为0.这是一个截图：

enter image description here

我突出了黄色的边距。红色矩形是从Firefox中的Web Developer Toolbar插件中提取的块级元素轮廓。

这是我的CSS：

.section .content {
  -moz-column-count: 2;
  -moz-column-gap: 26px;
  margin: 0px;
  padding: 0px;
}

如何摆脱边缘？

修改
根据要求，我的代码上传到jsbin。它还显示了两列顶部之间的差异。当我不使用列时，边距不显示。

Answer 1

您的问题非常简单，您要向内容添加css，但内容包含带边距的段落。将其重置为0.

<div class="section">
        <h1>Heading 1</h1>
        <div class="content">
          <p>
          </p>
        </div>
</div>

p{margin:0}