css对“位置：固定”的误解

Question

我遇到的问题是顶部div距离视口顶部约20px，它应位于顶部：

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;
}

如果我从position: fixed移除#top，则结果符合预期，#top div正好在顶部。

如果#top有#top，如何将position:fixed div放在视口顶部？

P.S。 （我不能在http://jsfiddle.net上制作演示，因为那里的问题不可见。）

Answer 1

这真的很难理解，但我认为你希望这个位置得到修复而div要触及顶部？

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

Answer 2

如果问题在jsfiddle中不可见，则表示HTML代码与他们的代码之间必须存在差异。

使用Firebug或“Ins​​pect Element”之类的工具查看应用于#top（以及任何父元素）的所有活动CSS样式，直到找到差异为止。