Javascript 如何使用CSS下推整个页面

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

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

它向下推页面内容的方式是向页面添加以下CSS规则：

body {padding-top: 50px}

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

---

是否有更好的方法将页面内容向下推？

对于

正文

尝试设置

位置

相对

，然后设置

顶部

一些偏移量，如

100px

。当然，根据您的需要进行更改。

将

主体

位置设置为

相对

。 在这之后，所有的

absolute

元素将是绝对的，但在主体中作为父元素。

---

然后，您可以对正文使用

margintop

，或者根据需要使用

top

这对绝对定位元素有效吗？你能为这项技术创建解调器吗？你将不得不与边距作斗争。