2016-01-04 46 views
0

我有一個模式風格的div在右上角的'關閉按鈕'。如何讓子div出現在定義了「溢出」的父div上方?

enter image description here

在 '關閉按鈕' DIV(absolute)出現其父DIV(fixed)的上方。

當父div沒有定義overflow屬性時,此工作正常。

當在父div中定義了overflow時,無論我對父級和子級div執行何種絕對/相對/ z索引修補操作,關閉按鈕都會被剪裁併且不會出現在父級div的上方。

是否有無論如何讓一個孩子的div出現在定義了overflow的父div上面?

回答

1

最後我做這樣的事情,並得到想要的結果:

HTML

<div id="parent"> 
    <div id="child_close"></div> 
    <div id="child_scrollable_content"> 
    <p>Put in your scrollable content here.</p> 
    </div> 
</div> 

CSS

#parent { 
    position:fixed; 
} 

#child_close { 
    position:absolute; 
    top:-20px; 
    right:-15px; 
} 

#child_scrollable_content { 
    overflow: auto; 
}