使用正確的固定導航的居中內容會導致z-index問題

Question

我有一個居中的容器佈局，它具有正確的固定導航格。爲了使固定的導航欄在視口大小調整時保持原位，它在一些嵌套的div中設置。問題是導航div最終在內容的前面。我可以更改Z索引順序，但我希望內容和導航都可以訪問，例如可以「標記」文本。對此有何想法？下面是鏈接代碼，並和顯示的佈局結構

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}