Javascript 使用位置的正确方法是什么：固定，无重叠？

因此，我有我的顶栏，它只是一个

div

，带有

位置：fixed

。什么是不重叠以下内容的正确方法

当然，我可以将内容包装在一个

div

中，并给它一个

边距顶部

，与顶部栏的高度相同

---

但是，如果我动态地在顶栏上加载内容，从而改变其高度，会怎么样？我也可以动态更改内容

div

的

margin top

，但这是更优雅的方法吗？

实现这一点的唯一方法是在页眉下方的页面内容中添加

margin

或

padding

。使用

position:fixed

时，它将从页面的布局计算中删除，需要调整页面内容以适应它

---

您还可以使用Javascript根据标题的高度动态更改内容的

边距。加载页面后，您可以使用jQuery的
height（）
方法获取页眉高度，然后根据该结果调整页面内容的css。
除了设置固定高度和约束溢出之外，我通常使用css同级选择器将样式应用于容器，因此，当标题不存在时，容器仍然工作。类似于以下内容：
.header.is-fixed{position:fixed；height:50px；}.header.is-fixed+.container{margin top:50px；}
如果从页面中删除页眉，这似乎是一个很好的解决方案。这个问题涉及头始终存在，因此在这种情况下它不起作用。但是，当这个问题出现时，请记住这个建议——好东西！