Javascript 元素之间的空白,来源未知

Javascript 元素之间的空白,来源未知,javascript,css,html,Javascript,Css,Html,问题已解决 在底部,在页面的最后一个元素和页脚之间,有一个空白,我试图使用Chrome开发工具来跟踪它的起源,但显然这不是由最后一个元素和页脚引起的 在巫婆看来,空间的唯一来源是身体。 我已经取消了正文元素的任何边距或填充: html,body { margin: 0; width: 100%; padding: 0; } 网站的兼容性仅通过Chrome进行测试这是因为标题的默认边距: footer h4 { margin: 0; padding: 1em 0; } 当您使用开发工具

问题已解决

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

在巫婆看来,空间的唯一来源是身体。 我已经取消了
正文
元素的任何边距或填充:

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

网站的兼容性仅通过Chrome进行测试

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

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

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

这是由页脚内
h4
上的边距引起的。fenomenon的解释是
折叠边距

相邻元素之间的边距塌陷。简单地说,这 表示对于法线中相邻的垂直块级元素 文档流,仅具有最大页边距的元素的页边距 值,而元素的边距 较小的边距值将折叠为零

完整解释可在此处阅读: