如何重叠多个div？

Question

我连续3个div，然后又在另一行中有3个div，就像网格一样。

我想在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;
}