如何删除页脚下方的这个白色 HTML 空间？

Question

我创建了一个响应式网页，一切正常。 我的意思是智能手机和平板电脑等移动设备的布局还可以。 如果我切换到桌面，它看起来也不错，除了页脚，那是因为如果我点击检查浏览器焦点 HTML 标签，则网页末尾有一个空白区域。

您必须注意的一件事是，这个空白空间的高度取决于视口的宽度。 我也在使用 sass。 我不能在这里分享所有的代码，因为它被分成了太多的文件。 如果您想在此处查看所有代码 go： https://github.com/justanindieguy/podcast-landing-page

您还可以在此 github 个人页面中查看网页： https://justanindieguy.github.io/podcast-landing-page/

非常感谢您的所有回答。 这让我发疯，我找不到解决方案。

Answer 1

我尝试了其他人提供的解决方案，以确保没有人已经在您的页面上完成了这个技巧，但没有成功。

然后我找到了你遇到问题的原因。 它与新闻部分的：之前有关，它从元素中溢出。

尝试添加这个 CSS：

#news {
    overflow: hidden;
}

现在新闻部分裁剪了相对于其自身尺寸的:before 元素。 我注意到您使用倾斜实现了布局，但我建议您查看剪辑路径生成器并以这种方式创建此形状。

Answer 2

将此行添加到 CSS 文件的顶部

* {
  padding:0;
  margin: 0;
}