css - 如何使我的固定元素独立存在而又不涉及其他内容？

我在页面顶部有一个div作为顶部栏。我希望位置固定，以便在滚动时保持在同一位置。但是，一旦我应用了固定位置，所有内容就会向上移动大约30像素（条形图的大小），并位于条形图的后面，从而使标头的高度看起来比应该的小。

从#topbar中移除position：fixed的css之后，内容将向下移动到所需位置
通过密码笔输入的代码：http://codepen.io/Hafkamp/pen/jabmE

的CSS

#topbar{position:fixed}

最佳答案

在#topbar中，添加CSS：

#topbar{
    top:0;
}

另外，在#header中添加：

#header{
    margin-top:30px;
}

这样，您的#topbar将停留在页面顶部，而以下html将被下推30px（#topbar的高度）

关于css - 如何使我的固定元素独立存在而又不涉及其他内容？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25530642/