CSS Fixed Header

Question

私の頭を上に固定しようとしています。私は他の投稿を見て、それを正しくやっていると確信しています。これはヘッダーのCSSです：

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

これを行うと何らかの理由でヘッダーが消えます。なぜどんなアイデアですか？コードをどのように変更する必要がありますか？ FYI私はブートストラップを使用して、これに追加しています。

おかげトン、ステファン

ので、私は編集をしたが、それは再び私に姿を消した答えを見た後。私が使用している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

あなたのコードは良いようです。あなたは、火薬アドオンを使用して要素を検査し、そこに何らかの衝突を見ようとする可能性があります。まだ解決していない場合は、高さを追加しようとすることができますそれを作るプロセスを説明するsticky headerの記事を取ることができます。

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