html - 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结果如预期，#topdiv 就在顶部。

如果有的话，我怎样才能使div 靠在视口的#top顶部？#topposition:fixed

PS（我无法在http://jsfiddle.net上进行演示，因为那里看不到问题。）

Answer 1

这真的很难理解，但我认为您希望位置固定并且 div 触摸顶部？

添加top: 0px;到#top.

Answer 2

如果问题在 jsfiddle 中不可见，则意味着您的 HTML 代码与他们的代码之间一定存在差异。

使用 Firebug 或“检查元素”之类的工具来查看应用到#top（以及任何父元素）的所有活动 CSS 样式，直到找到不同之处。