使用右侧固定导航的居中内容会导致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}