位置固定的奇怪行为[重复]

Question

这是一个代码笔，我的意思是： https://codepen.io/anon/pen/MReEQw，代码如下：

<div id="fixed">
</div>

<div id="content">
</div>


#fixed {
    height: 50px;
    width: 100%;
    background-color: green;
    position: fixed;
}

#content {
    height: 2000px;
    background: grey;
    margin-top: 50px;
}

这是margin-collapse吗？为什么我不能设置一个固定的div，然后在它下面设置一个不重叠的div？

Answer 1

如果您希望 div #fixed 位于顶部，则添加此属性

#fixed {
    height: 50px;
    width: 100%;
    background-color: green;
    position: fixed;
    top: 0;
}