html - 另一个 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 中放置一个叠加层

请记住使用 position:relative 属性和较低的 z-index 设置您的父 div

Answer 2

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

width:100%;
height:100%;

删除了以下几行，

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

测试链接