css - 絶対位置があるときに移動するボディ要素

Question

私が構築しているサイトで、本当に奇妙な癖が起こっています。そのテーマはconcrete5ですが、htmlはかなりのサイトですhttp://wtms.onbutton.co.uk/mm。

あなたが見るbodyと、マージンがあるかのように約100px下がっています。セクション要素を削除しても、何も影響を受けず、ヘッダーは正常にレンダリングされます。

誰かが何が起こっているのか、そしてそれを修正する方法を説明できますか？

Answer 1

display: inline-blockこれは、セクション要素を指定することで解決できます。

すなわち

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