CSS BUG：垂直div之间的额外空间

Question

任何人都可以帮助我了解div之间的额外空间来自何处以及如何摆脱它？

这是页面： http://www.infinitygap.com/temp/bug.html

谢谢！

Answer 1

这是因为.sub-footnote中段落元素的边距。如果你删除它，你会没事的。

要理解这个错误，你应该理解2个概念：

1. 后代元素之间的边距折叠。您的pragraph上的边距反映在.sub-footnote元素上。 Read an article on sitepoint。
2. 转换实际上并不会改变DOM流。因此，即使它在.sub-footnote元素的中间看起来像边缘，也不是。