CSS位置已修复，但其他元素也在其中

Question

我已将标题的位置设置为固定 但是我的下一部分就是它。 如何调整这个？我有一个解决方法，创建一个div元素并将其高度设置为标题。但是这样做的完美语义方式是什么？有没有明确的解决方法？

Answer 1

您可以在下一个内容部分添加margin-top：并将其设置为标题的高度。

如果页眉高度在页面中发生变化，您可以将其与某些JavaScript保持同步：

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