在CSS中，您可以使用多種方法使兩個(gè)塊重疊，以下是一些常見的技巧：

1、使用***定位：將兩個(gè)塊設(shè)置為***定位，并使用z-index屬性控制它們的堆疊順序。

.block1 {
  position: absolute;
  z-index: 1;
}
.block2 {
  position: absolute;
  z-index: 2;
}

2、使用相對(duì)定位和變換：將兩個(gè)塊設(shè)置為相對(duì)定位，并使用transform屬性進(jìn)行變換，使它們重疊。

.block1 {
  position: relative;
  transform: translateY(-50%);
}
.block2 {
  position: relative;
  transform: translateY(50%);
}

3、使用Flexbox：使用Flexbox布局，將兩個(gè)塊設(shè)置為align-items: flex-start或align-items: flex-end，使它們沿著主軸對(duì)齊并重疊。

.container {
  display: flex;
  align-items: flex-start;
}
.block1, .block2 {
  margin-right: 10px;
}

4、使用Grid布局：使用Grid布局，將兩個(gè)塊設(shè)置為grid-column: 1，使它們?cè)谕粋€(gè)列中重疊。

.container {
  display: grid;
  grid-template-columns: 1fr;
}
.block1, .block2 {
  grid-column: 1;
}

這些技巧可以幫助您在CSS中實(shí)現(xiàn)兩個(gè)塊的重疊效果，您可以根據(jù)自己的需求和布局選擇***適合的方法。