使用 fullpage-js 的部分之间的线

Question

我正在尝试使用 fullpage.js 创建一个网站，但是我 运行 遇到了一个问题，即具有自动高度的部分没有与我的下一个部分对齐。 （看下图）

我正在 Laravel 8 中使用 TailwindCSS 构建此应用程序。

看起来问题与 fp-auto-height 有关，但我无法弄清楚它是什么。

该部分本身的代码在这里：

<div class="w-full h-full bg-secondary-700 section fp-auto-height">

在这里你可以看到元素的devtools，我试过去掉padding-top: 1em;但这 NOT 解决了这个问题。

Answer 1

这个问题与我的 body 有关，它是不同的背景颜色，由于某种原因，这使线条出现，只要我将背景颜色更改为相同的颜色，一切正常很好。