html - ヘッダーバーがスクロールバーと重なっているのはなぜですか

Question

私は既存の質問を調べてみましたが、それらの解決策はどれも私にはうまくいきませんでした。基本的に、私のヘッダーバー（画面全体に表示されるはずです）はスクロールバーと重なっています-そして、スクロールバーの下にそれを取得できないようです。これは私が望むものです。

http://jsfiddle.net/9cnXN/2/

http://jsfiddle.net/9cnXN/2/embedded/result/

これはブラウザとしてRockmeltを使用しています。ChromeだけでなくFireFoxの最新バージョンでも問題を確認できます。

Answer 1

スクロール可能な領域のマージンを、ヘッダーとフッターバーの高さに正確に調整できます-デモ

.page {
    position: absolute;
    left: 0;
    right: 0;
    overflow: auto;
    margin: 44px 0;
}