javascript - 如何用CSS下推整个页面

Question

我正在制作一个动态添加到现有页面的顶部栏。

当它加载时，它应该将整个页面的内容下推，然后出现在顶部。

它下推页面内容的方式是在页面中添加如下CSS规则:

body {padding-top: 50px}

问题是有些页面此规则无法正常工作。例如，具有绝对定位元素的页面。

有没有更好的方式将页面内容下推？

Answer 1

对于 body 尝试设置 position relative 然后设置 top 一些偏移量比如 100px 。当然可以根据您的需要进行更改。