css div重叠排 |css怎样实现下拉倒三角

.box {
position: relative;
}
.box .content {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.box .background {
position: absolute;
top: 0;
left: 0;
z-index: 0;
}

首先，大家需要将外层的div设置为相对定位（position: relative），这样内部绝对定位（position: absolute）的元素就可以相对于外层div定位。

接着，大家可以在外层div中定义两个div，一个是背景（background），一个是内容（content）。背景的z-index属性设置为0，表示其在第一层，内容的z-index属性设置为1，表示其在第二层。

在定位时，大家可以通过top和left属性控制元素在网页中的位置，给不同的元素设置不同的值即可实现重叠效果。

总结一下，使用CSS和div实现重叠排列的步骤如下：

1. 将外层div设置为相对定位
2. 在外层div中定义多个div，通过z-index属性控制层级
3. 使用top和left属性控制元素在网页中的位置，实现重叠效果