固定的CSS位置，但其他元素得到它

Question

我已經設置我的頭的位置固定 但我的下一部分正在它之下。 如何調整？我有一個解決方法，創建一個div元素，並將其高度設置爲標題。但是，完成這個任務的完美語義方式是什麼？有沒有明確的解決辦法？

Answer 1

您可以將margin-top：添加到下一個內容部分，並將其設置爲標題的高度。

如果頭高度跨頁改變了，你可以用一些JavaScript保持同步：

var headerHeight = document.getElementById("pageHeader").style.marginTop; 
document.getElementById("topSection").style.marginTop = headerHeight;