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

Question

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

当然，我可以将内容包装在div中，并为其提供与 topbar 相同高度的margin-top。

但是，如果我在 topbar 上动态加载内容会改变其高度呢？我也可以动态更改内容margin-top的{​​{1}}，但这是更优雅的方式吗？

Answer 1

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

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