我在这个问题上的目标是了解这些属性是如何工作的，因为我得到的结果与我期望的不同。我找到了解决问题的方法（比如设置一个非常薄的边框），但我想要的是真正理解为什么这不符合我的预期。
This jsFiddle举例说明了我的问题。
我希望这段代码能够在窗口中显示整个section元素，而不需要像代码片段那样向下滚动。这段代码在顶部有一个空白区域，我没想到。
我可以看到the default style for <p> tags has margin-top: 1em但由于保证金是透明的，我希望在保证金区域显示蓝色背景。通过注释CSS代码的第22行，我设置了margin-top: 0;，这解决了问题，但我不明白为什么margin是透明的。
我还可以通过在CSS代码中注释第12行并为section元素设置细边框来解决问题。我不明白为什么薄边框可以解决这个问题。
最后，还有一个问题是，如果我从c元素中删除了p内容，则会发生更改，因为注释第22行无法解决顶部白边的问题。 / p>