html - css 对 "position:fixed"的误解

Question

我遇到了一个问题，顶部 div 距离视口(viewport)顶部大约 20 像素，而它应该位于顶部:

HTML:

<div id="top">
</div>
<div id="bottom">
    <p>some text</p>
    <p>some text</p>
    <p>some text</p>
    <p>some text</p>
    <p>some text</p>
</div>

CSS:

body {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

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

如果我从 #top 中删除 position: fixed，结果如预期的那样，#top div 正对着顶部。

如果 #top 具有 position:fixed，如何使 #top div 位于视口(viewport)的顶部？

附言(我无法在 http://jsfiddle.net 上进行演示，因为问题在那里不可见。)

Answer 1

这真的很难理解，但我想你希望位置固定，div 触及顶部？

将 top: 0px; 添加到 #top。