带位置的流体布局：固定导航

Question

所以我有一个流畅的布局，主体的最小宽度为960px。我有一个固定的标题，按预期工作，右边的导航栏，我想保持固定在垂直滚动...这也有效。

但是，如果我将窗口的大小调整为小于960px的宽度，我希望右侧导航栏（位置：固定）在水平滚动条上保持向右而不是覆盖内容。

#mainnav {
    width:20%;
    height:100%;
    margin-left:80%;
    position:fixed;
}

#mainhead{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:46px;
}

#contentcontain{
    margin-top:46px;
    width:80%;
}

我确信我可以使用JS来做到这一点，但我只是想知道如果没有JS，是否有更简单的方法。

谢谢，

的Dom

Answer 1

具有position：fixed的元素将从正常的文档布局流中拉出，并始终位于顶部，除非您为其指定z-index值。