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

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;
}