添加padding-top使单独的元素粘在一起

在h1的上边距与崩溃main元素的上边距。

通过在main元素上添加顶部填充，可以“停止”边距折叠。

有关保证金崩溃的更多详细信息。影响您的特定代码段：

没有内容将父代和后代分开。 如果没有边框，内边距，内联部分，创建的块格式上下文，或者没有清除以将一个块的边距顶部与其一个或多个子孙块的边距顶部分开；或没有边框，填充，内联内容，高度，最小高度或最大高度来将一个块的边距底部与一个或多个后代块的边距底部分开，然后这些边距就会崩溃。折叠的边距最终在父级之外。

看到（或避免出现）的一种选择是从中删除边距h1。例如：

h1 {
    margin: 0;
    font-size: 84px;
    color: white;
}