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中放置叠加层

请记住使用position：relative属性和较低的z-index

设置父div

Answer 2

对您的.in CSS进行了以下更改

width:100%;
height:100%;

删除了以下行，

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

Test Link

Div内的另一个Div相对而且溢出

2 个答案: