絕對定位的div不相對定位的div

Question

外界展示請看下面的例子

http://jsfiddle.net/GANeX/90/

我想表明我綠色DIV的wrapper之外。我無法更改wrapper div的位置，因爲inner-wrapper也包含一些其他內容，這些內容在我們將position:relative更改爲時可能會出現。

我該怎麼做？

Answer 1

我認爲你需要使用z-index。

.inner-wrapper{ 
position:absolute; 
left:10px; 
right:10px; 
top:5px; 
bottom:5px; 
z-index: 999; 
background:yellow;} 

Answer 2

你可以將你不想溢出的東西包裝到一個名爲dont-overflow的類中。設定該類當前的.wrapper寬度width，然後從父取出溢，並將其添加到該類：

CSS dont-overflow類：

.dont-overflow 
{ 
    overflow-x: hidden; 
    overflow-y: scroll; 
    width: 200px; 
    height: 200px; 
} 

HTML：

<div class='wrapper'> 
    <div class='inner-wrapper'> 
     <div class='content-wrapper'></div> 
     <div class='dont-overflow'> 
      <div class='content-wrapper'></div> 
      <div class='content-wrapper'></div> 
      <div class='content-wrapper'></div> 
     </div> 
    </div> 
</div> 

http://jsfiddle.net/GANeX/97/