[解決済み] スクロール中にヘッダーを静止させ、常に一番上に表示させるには？

質問

の維持はどのようにしたらよいのでしょうか？ header がページの残りの部分と一緒にスクロールしないようにするにはどうしたらよいでしょうか？私は frame-sets と iframes というように、より簡単でユーザーフレンドリーな方法があれば、これを行うためのベストプラクティスは何でしょうか？

どのように解決するのですか？

注：この回答は2010年のものです。考察 position: sticky で述べたように、2021年に 別の回答 .

使用方法 position: fixed の上に div で、ヘッダを含む

#header {
  position: fixed;
}

#content {
  margin-top: 100px;
}

この例では #content が100px下から始まっている場合 #header が、ユーザーがスクロールするにつれて #header は所定の位置に留まります。もちろん、言うまでもないことですが、ユーザーがスクロールする際に #header に背景があるようにして、2 つの div が重なったときに内容が見えるようにするためです。ここで position プロパティをご覧ください。 http://reference.sitepoint.com/css/position