我创建了一个HTML5 <header>元素，我希望将其粘贴到页面顶部。在该标题之后，<section>元素应该显示内容。
要使section元素与标题的底部对齐，我已为其分配了margin-top: 4em CSS规则，这会产生奇怪的效果：现在显示header元素最高保证金为4em：
https://jsfiddle.net/n5vzgLme/1/
我已经使用多个浏览器对此进行了测试。它们都显示出相同的效果。
当我向正文添加任意文本时（例如＆＃34; xx＆＃34;在<header>元素前面）一切正常。但是当我再次删除文本时，会再次出现奇怪的行为。
为什么会这样？ AFAIK，header元素不应受后续元素的样式的影响。