Html 页脚下面有奇怪的空格

所以我试着用FlexBox制作一个粘性页脚

问题是页脚下面有一个奇怪的空格

我尝试了一些东西，发现如果我在页脚的第一个网格项中放置较小的文本，空白就会消失

我似乎不知道这个空白是从哪里来的。

---

非常感谢您的帮助。

使用Firefox的工作流示例

• 按Ctrl+

  Shift

  +

  C

  打开检查器
• 点击你的页脚
• 在层次结构中向上移动，直到找到空间为止
• 在这种情况下，它的主体有一个边缘
• 在正文上设置边距：0
• 完成

编辑：

• 即使采用了新的修复方法，车身上的边缘仍然存在
• 现在我们知道它只在全屏模式下可见，我们在那里打开了inspector
• 我们在页脚看到了空格，其中的div没有延伸到底部，我们只是没有太多的内容
• 环绕它的flex容器可以修复它，但出于某些原因，wrap已打开
• 不确定是否希望页脚换行到顶部，但关闭它会修复空间，因为main content div已启用flex grow

---

使用Firefox的工作流示例

• 按Ctrl+

  Shift

  +

  C

  打开检查器
• 点击你的页脚
• 在层次结构中向上移动，直到找到空间为止
• 在这种情况下，它的主体有一个边缘
• 在正文上设置边距：0
• 完成

编辑：

• 即使采用了新的修复方法，车身上的边缘仍然存在
• 现在我们知道它只在全屏模式下可见，我们在那里打开了inspector
• 我们在页脚看到了空格，其中的div没有延伸到底部，我们只是没有太多的内容
• 环绕它的flex容器可以修复它，但出于某些原因，wrap已打开
• 不确定是否希望页脚换行到顶部，但关闭它会修复空间，因为main content div已启用flex grow

---

在app.js的代码中添加边距：0；这是我的工作 使用react.js，或者更改文本编辑器，并与inspector一起使用整个页面来识别您的问题，可能是编译过程中的问题编辑器

body: {
        margin:"0",//This Added
        height: "100vh",
        backgroundColor: theme.palette.background.default
      }

---

在app.js的代码中添加边距：0；这是我的工作 使用react.js，或者更改文本编辑器，并与inspector一起使用整个页面来识别您的问题，可能是编译过程中的问题编辑器

body: {
        margin:"0",//This Added
        height: "100vh",
        backgroundColor: theme.palette.background.default
      }

---

你在说这个吗@m4n0是的，这就是我的意思，我不知道它从哪里来你在说这个吗@m4n0是的，这就是我的意思，我不知道它是从哪里来的。我尝试了你的解决方案，将身体的边缘设置为0。这对空格没有帮助。@Highom也许这个修复有帮助，不知道你不是说第一个我尝试了你的解决方案，将正文的边距设置为0。这对空格没有帮助。@Highom可能这个修复有帮助，不知道你不是指第一个。对不起，我忘了在演示中删除空白，所以这是误导，这不是问题所在。问题是第一个截图中出现了大的空白。对不起，我忘了在演示中删除空白，所以这是误导，这不是问题所在。问题在于第一个屏幕截图中的大空白。