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

Question

所以我有一个流体布局，其最小宽度为960像素。我有一个固定的标题，它的工作原理和右侧的导航栏，我想保持固定在垂直滚动...这也适用。

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

#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。

感谢，

大教堂

Answer 1

与位置的元素：固定拉出文档布局的正常流动，并会一直坐在上面，除非你给它一个z-index的值。