Div在另一個Div內相對定位並溢出

Question

我有一個相對定位的父級Div，設置爲overflow:hidden。我如何覆蓋Div？

我將內部div的邊距設置爲負數，因爲我希望它與父div重疊。

HTML

<div class="out"> 
    <div class="in"> 
    </div> 
</div> 

CSS

.out{ 
    margin-left:100px; 
    width:130px; 
    height:130px; 
    margin-top:10px; 
    border:1px solid blue; 
    position:relative; 
    overflow:hidden; 
} 

.in{ 
    width:80px; 
    height:80px; 
    z-index: 999; 
    clear: both; 
    position: absolute; 
    margin-left: -20px; 
    margin-top: -20px; 
    background-color:yellow; 
} 

Answer 1

用途：

position:absolute 
z-index:9999; 

你可以定位你的div中的覆蓋

記得設置與位置你的父母DIV：相對性和較低的z-index

Answer 2

作出以下更改.in CSS，

width:100%; 
height:100%; 

刪除以下行，

margin-left: -20px; 
margin-top: -20px; 

Test Link