如何推下页面并在顶部添加div？

Question

将页面向下推30px的最佳方法是什么，并将div代码高度30px置于顶部，如工具栏？

我尝试了如下代码，但它无法向下推送内容div与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。

Answer 2

使用下面的css作为您的内容div：

.content {
    position:absolute;
    top:30px;
}

Answer 3

正如你帖子的评论者所说，这似乎是最好的选择。

.header{
    position:fixed;
    height:30px;
}
.content{
    margin-top:35px;/* or adjust it the way you want  */
}