上部に固定されたヘッダーメニューの作成

■やりたい事

ページスクロールしても上部に固定されたヘッダメニューの作る

 
■方法

メニューの要素に、下記CSSを指定。

#header {
position: fixed !important;
position: absolute;
top: 0; 
left: 0;
width: 100%;
background-color: #000;
color: #fff;
height: 100px;
}

■サンプル

http://sample.taitan916.info/header/

■その他
ヘッダの下にある要素に関しては100px分余白とっとかないと表示が被ってしまうので注意する。