html - 为什么我的标题栏与滚动条重叠

Question

我已经尝试查看已经存在的问题，但其中没有一个解决方案对我有用。基本上，我的标题栏（应该跨越整个屏幕）与滚动条重叠——我似乎无法在滚动条下找到它，这正是我想要的。

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

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

这是使用 Rockmelt 作为浏览器。我还可以确认 FireFox 最新版本和 Chrome 的问题。

Answer 1

您可以将可滚动区域的边距调整为正好是页眉和页脚栏的高度 - DEMO

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