如何删除标题和内容之间的空白

Question

我使用bootstrap并将我的内容放在包装器中，我的标头位于其外部，并且在两者之间有一个白色间隙跨越整个页面从我的导航栏（在其上方）到边缘在右手边，我该如何解决这个问题呢？ Example

我已将div class="rowimg"移至div class="row"，这似乎解决了我的侧边栏的问题，但the content still has a white strip above it

Answer 1

只需将margin-top: 0设为.customh1

即可

彼此接触的不同元素上的垂直边距（因此没有内容，填充或边界将它们分开）将会崩溃，形成单个边距，该边距等于相邻边距中的较大边距。这不会发生在水平边缘（左和右），只有垂直（顶部和底部）。

这里有一个简单的例子来说明：

h2 {
    margin: 0;
    background: blue;
}

p {
    margin-top: 30px;
    background: red;
}

<h2>Collapsing Margins</h2>
<div><p>Example text.</p></div>