Question

长话短说，我正在创建一个网页，其顶部有一个固定的包装<div>，下方有少量“内容”，您可以向上和向下滚动。

问题是我的“内容”<div>不是从包装器<div>的底部开始，而是从它下面的页面进一步开始

以下是一个示例：jsfiddle

#wrapper {
    background-color: #327bb7;
    margin: 0 auto;
    position:fixed;
    color:#FFFFFF;
    line-height: 100px;
    width:100%;
    height:100px;
}

Answer 1

因为：

position:fixed;

添加例如：

position: relative;

到#content。

或

position: absolute;
top: 100px;

如果要将内容附加到固定区域下方，则为最后一个。

Answer 2

添加 padding-top：100px或任何你想要的

但基本上填充将是包装器的高度。

#content {
    padding-top : 100px;
}

Answer 3

根据您的布局要求，您可能需要尝试这样的事情。

document.getElementById("content").style.marginTop = document.getElementById("wrapper").style.height;

为什么我的<div>消失在另一个？</div>之后

3 个答案: