具有正确固定导航的居中内容会导致 z-index 问题

Question

我有一个居中的容器布局，带有右侧固定的导航 div。为了使固定导航在视口调整大小时保持在适当的位置，它被设置在一些嵌套的 div 中。问题是导航 div 最终位于内容前面。我可以更改 z-index 顺序，但我希望内容和导航都可以访问，例如能够“标记”文本。对此有什么想法吗？下面是代码链接和显示布局结构的图像

http://jsbin.com/aliru5/3 /edit

Answer 1

你让事情变得比需要的更复杂，试试这个：

<div id="container">
 <div id="content"></div>
 <div id="nav"></div>
</div>

#container {
margin:0 auto; /* center container in browser */
overflow:hidden; /* clear floats */
width:900px
}
#content {float:left;width:640px}
#nav {float:right;width:240px}