正确使用位置：固定且不重叠的正确方法是什么？

Question

所以，我的topbar只是一个带有position:fixed的div 。 不重叠以下内容的正确方法是什么？

当然，我可以将内容包装在div并给它一个与topbar高度相同的margin-top 。

但是，如果我在顶部栏上动态加载会改变其高度的内容怎么办？ 我也可以动态更改content div的margin-top ，但这是更优雅的方法吗？

Answer 1

实现此目的的唯一方法是在页眉下方的页面内容中添加margin或padding 。 当您使用position:fixed ，它将从页面的布局计算中删除，并且页面的内容需要进行调整以适应它。

您还可以使用Javascript根据标头的高度动态更改内容的margin 。 页面加载后，您可以使用类似jQuery的height()方法获取标头的高度，然后根据该结果调整页面内容的CSS。