CSS中疊加兩個(gè)div的方法

在CSS中，您可以使用***定位（absolute positioning）或相對(duì)定位（relative positioning）來疊加兩個(gè)div，以下是使用***定位的方法：

1、將***個(gè)div設(shè)置為相對(duì)定位（relative positioning），以便第二個(gè)div可以相對(duì)于它進(jìn)行定位。

.div1 {
  position: relative;
}

2、將第二個(gè)div設(shè)置為***定位（absolute positioning），并將其top和left屬性設(shè)置為0，以便它位于***個(gè)div的頂部和左側(cè)。

.div2 {
  position: absolute;
  top: 0;
  left: 0;
}

3、將第二個(gè)div的寬度和高度設(shè)置為與***個(gè)div相同，以便它們完全疊加。

.div2 {
  width: 100%;
  height: 100%;
}

4、如果需要，可以使用z-index屬性設(shè)置疊加順序。

.div2 {
  z-index: 1;
}

這將使第二個(gè)div位于***個(gè)div的上方，如果您希望***個(gè)div位于上方，可以將z-index設(shè)置為2或更高。

使用***定位時(shí)，元素將脫離文檔流，并且其位置將相對(duì)于***近的已定位祖先元素（在這種情況下為***個(gè)div）進(jìn)行定位，如果沒有已定位的祖先元素，則元素將相對(duì)于初始包含塊進(jìn)行定位，在使用***定位時(shí)，請(qǐng)確保您的元素有明確的定位和大小設(shè)置，以避免出現(xiàn)意外效果。