CSS固定标题

Question

我正在尝试将标题修复到顶部。我查看了其他帖子，并确信我做得对。这是标题的CSS：

.header{
    width: 100%;
    position:fixed;
    top: 0px;
}

由于某些原因，当我这样做时，标题消失。任何想法为什么？我应该如何更改代码？ 仅供我使用bootstrap并将其添加到其中。

非常感谢Stefan

看到这样的答案之后我做了如此编辑，但它再次消失在我身上。我正在使用的CSS是：

position: fixed; 
width:960px;

再帮忙吗？真的很感激。

Answer 1

position中的简单拼写错误 - 您希望fixed而不是fixes。

.header{
     width: 100%;
     position:fixed;
     top: 0px;
}

Answer 2

此外，您必须小心设置百分比宽度和高度。您可能想查看这篇文章（有点旧，但仍然有效）：http://www.impressivewebs.com/width-100-percent-css/

Answer 3

看起来你的代码很好。您可以尝试使用firebug插件检查元素并查看其中的任何冲突。您还可以尝试添加高度，如果仍然没有解决，那么您可以查看解释制作过程的sticky header文章。

.header{
 width: 100%;
 position:fixed;
 top: 0px;
 height:50px;
}