css - 绝对定位时 body 元素移动

Question

我正在构建的网站上发生了一个非常奇怪的怪癖。它是 concrete5 的主题，但 html 很漂亮，网站在这里 http://wtms.onbutton.co.uk/mm .

如果你看 body 已经下降了大约 100px，好像有一个边距。如果我删除 section 元素，则不会受到任何影响，并且 header 可以正常呈现。

任何人都可以解释发生了什么以及如何解决它吗？

Answer 1

这可以通过为您的 section 元素指定 display: inline-block 来解决。

即

section {
    display: inline-block; /* new */
    position: relative;
}