Html CSS错误:垂直div之间的额外空间

Html CSS错误:垂直div之间的额外空间,html,css,Html,Css,有人能帮我了解一下div之间的额外空间是从哪里来的,以及如何消除它吗 以下是网页: 谢谢 这是因为.sub脚注中段落元素的空白。如果你把它拿走,你会没事的 要了解此错误,您应该了解两个概念: 子元素之间的边距塌陷。pragraph上的边距反映在.sub footnote元素上。 转换实际上并没有改变DOM流。所以即使它的边距看起来好像在子脚注元素的中间,它不是。 寻求调试帮助的问题此代码为什么不起作用?必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题

有人能帮我了解一下div之间的额外空间是从哪里来的,以及如何消除它吗

以下是网页:


谢谢

这是因为.sub脚注中段落元素的空白。如果你把它拿走,你会没事的

要了解此错误,您应该了解两个概念:

子元素之间的边距塌陷。pragraph上的边距反映在.sub footnote元素上。 转换实际上并没有改变DOM流。所以即使它的边距看起来好像在子脚注元素的中间,它不是。
寻求调试帮助的问题此代码为什么不起作用?必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参见:如何创建。我们试图避免的问题是链接腐烂:当错误页面消失,没有人能看到原来的问题是什么时会发生什么?尝试垂直对齐:顶部;或垂直对齐:底部;重复这一点实际上并不是关于两个并排元素之间的空间大卫的上述评论。然而,类似地,这是浏览器默认设置的结果,可以通过使用reset.css来解决。此外,示例中还有许多其他有问题的代码,我在这里复制并评论了这些代码:只需将margin top:0px添加到.sub footnote的内部,它将修复您的问题,然后删除此问题,因为没有发布代码,因此不再有效。