如何重叠多个div？

Question

我有3 div s连续，然后再次在另一行中的3 div s像一个网格。

我想重叠div#4上div#1，

Answer 1

您可以与具有位置绝对和其他与位置相关的div一个尝试。

<div class="gray"> 

    <div class="blue"> 


    </div> 
</div> 
.gray { 
    background-color: #818181; 

    height: 220px; 
    width: 300px; 
    position: absolute; 
    overflow: hidden; 
} 

.blue { 
    background-color: #0090ff; 
    top: 0; 
    height: 200px; 
    width: 180px; 

    position: relative; 
    float:left; 
    margin-left: 30px; 
    margin-top: 10px; 
}