使块元素覆盖绝对定位元素

要实现使块元素覆盖绝对定位元素，可以使用CSS的z-index属性。z-index属性用于定义元素的堆叠顺序，具有较高z-index值的元素会覆盖具有较低z-index值的元素。

以下是一个示例代码，演示如何使用z-index属性使块元素覆盖绝对定位元素：

HTML代码：

<div class="container">
  <div class="block"></div>
  <div class="absolute"></div>
</div>

CSS代码：

.container {
  position: relative;
}

.block {
  position: relative;
  z-index: 2;
  background-color: red;
  width: 200px;
  height: 200px;
}

.absolute {
  position: absolute;
  z-index: 1;
  background-color: blue;
  width: 150px;
  height: 150px;
  top: 50px;
  left: 50px;
}

在上面的示例中，父容器 .container 设置了 position: relative;，这是因为子元素 .block 的z-index值只能相对于其父元素生效。

.block 元素设置了 position: relative;，并给定了一个较高的z-index值 z-index: 2;。.absolute 元素设置了 position: absolute;，并给定了一个较低的z-index值 z-index: 1;。

通过设置不同的z-index值，.block 元素将覆盖 .absolute 元素，使其处于上方。

如果您想确保 .block 元素始终覆盖 .absolute 元素，可以进一步增加 .block 元素的z-index值。