Question

问题已解决

在底部，在页面的最后一个元素和页脚之间，有一个空白区域，我正在尝试使用Chrome开发工具来跟踪它的来源，但显然它不是由最后一个元素引起的和页脚。

女巫的唯一元素似乎是空间的来源，是身体。我已取消body元素的任何边距或填充：

html,body {
margin: 0;
width: 100%;
padding: 0;
}

网站的兼容性仅针对Chrome

进行测试

Answer 1

这是因为标题的默认边距：

footer h4 {
  margin: 0;
  padding: 1em 0;
}

当您使用开发工具检查h4元素时，这一点很明显。

Answer 2

这是由页脚内h4的边距引起的。这种现象由collapsing margins解释：

边距在相邻元素之间折叠。简单来说，这个表示对于正常的相邻垂直块级元素文档流，只有边距最大的元素的边距价值将被尊重，而元素的边际与较小的保证金价值将折叠为零。