【发布时间】：2011-04-25 13:33:52
【问题描述】：
我有一个居中的容器布局，右侧固定导航 div。为了在视口调整大小时使固定导航保持在原位，它在一些嵌套的 div 中设置。问题是导航 div 最终出现在内容的前面。我可以更改 z-index 顺序，但我希望内容和导航都可以访问，例如能够“标记”文本。对此有什么想法吗？下面是代码链接和显示布局结构的图像
【问题讨论】：
【发布时间】：2011-04-25 13:33:52
【问题描述】：
你让这变得比它需要的更复杂，试试这个：
<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}
【讨论】：
-
嘿，谢谢！但是导航 div 应该固定为不滚动。这就是让这件事变得困难的原因。
-
好的，答案可能是设置 position:relative to div not invovlved in the nav setup。执行此操作后，您可以设置 z-index 值。在这种情况下，与导航相同。应该将此作为答案吗？