javascript - 如何向下推页面并在顶部 append 一个div？

Question

什么是将页面向下推 30px，并在顶部放置一个 div 标签高度 30px，就像工具栏一样？

我尝试了下面的代码，但它无法下推包含 position:absolute; 和 top:0; 或 div< 的页面 与 position:fixed;, z-index:9999; top:0;

var divToolbar = document.createElement("div");
divToolbar.id = "divToolbar";
divToolbar.style.width = 100 + "%";
divToolbar.style.height = 30 + "px";
document.body.insertBefore(divToolbar,document.body.firstChild);

Answer 1

如果内容 div 有 position:absolute; 它的布局将不会受到其他元素的影响。

您需要将 top: 30px 添加到内容 div。