我有这段超级简单的代码：
<body>
<div style="position:fixed; width: 100%; height: 40px; background: #333"></div>
<div style='margin-top:40px; border: 1px solid green'>
Some contents!<br>Some contents!<br>Some contents!<br>
</div>
</body>
但不知何故，固定的 div 有 40px 的边距并与第二个 div 重叠！有人能指出我在这里错过了什么吗？
JS 小提琴：http: //jsfiddle.net/hoangkhanh/zHkkH/
谢谢！
您有一个position:absolute针对顶部 div 的集合，但没有top:0设置位置。尝试这个：
<body>
<div style="position:absolute; width: 100%; height: 40px; background: #333; top: 0"></div>
<div style='margin-top:40px; border: 1px solid green'>
Some contents!<br>Some contents!<br>Some contents!<br>
</div>
</body>
将顶部、左侧、右侧或底部 css 属性添加到固定 div。
例如
{
top: 0; /*Fixes it to the top*/
}