在CSS中，您可以通過使用相對定位（relative positioning）和***定位（absolute positioning）來實(shí)現(xiàn)塊的重合，相對定位允許您相對于塊在文檔流中的正常位置進(jìn)行定位，而***定位則允許您相對于瀏覽器窗口進(jìn)行定位。

讓我們來看看如何使用相對定位來實(shí)現(xiàn)塊的重合，假設(shè)您有兩個塊，您想要將它們重合在一起，您可以給每個塊設(shè)置一個相對定位，然后通過調(diào)整它們的top和left屬性來將它們移動到同一個位置。

.block1 {
  position: relative;
  top: 0;
  left: 0;
}
.block2 {
  position: relative;
  top: 0;
  left: 0;
}

您可以通過調(diào)整其中一個塊的top或left屬性來使它移動到另一個塊上面或旁邊，如果您想要將block2移動到block1的上方，您可以給block2設(shè)置一個負(fù)的top值：

.block2 {
  position: relative;
  top: -50px;
  left: 0;
}

這樣，block2就會出現(xiàn)在block1的上方，并且它們會重合在一起。

另一種方法是使用***定位來實(shí)現(xiàn)塊的重合，與相對定位不同，***定位允許您相對于瀏覽器窗口進(jìn)行定位，您可以將一個塊設(shè)置為***定位，然后給它一個負(fù)的top值來使它移動到另一個塊的上方：

.block1 {
  position: absolute;
  top: 0;
  left: 0;
}
.block2 {
  position: absolute;
  top: -50px;
  left: 0;
}

這樣，block2就會出現(xiàn)在block1的上方，并且它們會重合在一起，***定位會使塊脫離文檔流，因此它可能會影響其他元素的布局，在使用***定位時(shí)，請確保您已經(jīng)考慮了這一點(diǎn)。