那是 h2 的默认margin ，参考垂直边界重叠

我也碰到同样的问题，header部分和wrapper部分中间有断层，设置margin-top:-20px可以解决，可是为什么这么做啊，到底是哪里出现的问题

是不是 折折了 行内元素 然后代码有换行

在.green-section加上  margin-top: -20px; ，应该可以解决

如果不行，可以调整一下margin-top的取值

代码如下：

.green-section{
   margin-top: -20px;
   background-color: #089db0;
   color: white;
   text-align: center;
   padding: 60px 0;
}

你是指段落里面的欢迎之间么? 中间的换行、空白及其他多个空白符会被合并为一个空白符，样式也会对空白有效，这是默认处理，连续文本中间不要有空白就行了