HTML+CSSでヘッダーを固定する方法・アンカー位置を調整する方法

  • このエントリーをはてなブックマークに追加

position:fixedを使う方法

基本的な考え方としては、ヘッダーを固定して、その固定分高さを確保しておくというもの。

注意しなければいけないのはアンカーの位置がずれてしまうので、それを調整しておく必要がある。

HTML

<div id="header"></div>

CSS

#header{
position:fixed;
width:100%;
}