左侧div内部的div扩展覆盖右侧div，但是不覆盖原有左侧div

可以使用绝对定位来实现：

首先，左侧的父级元素（比如说是一个 `<div>`）需要设置为相对定位，这样子元素的绝对定位会以其为参考。

然后，在左侧 `<div>` 内部创建一个子元素（比如说是一个 `<div>`），用来扩展覆盖右侧 `<div>`。这个子元素的样式需要设置为绝对定位，并且设置宽度、高度、偏移量等属性，来控制其位置和尺寸。

例如，假设左侧 `<div>` 的 CSS 代码如下：

.left {
  position: relative;
  width: 50%;
  height: 500px;
  background-color: #ccc;
}

那么，为了实现子元素覆盖右侧 `<div>`，我们可以添加下面的 CSS 代码：

.left .overlay {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  background-color: #f00;
  z-index: 1;
}

这里，我们创建了一个名为 `.overlay` 的子元素，将其样式设置为绝对定位，宽度为左侧 `<div>` 的一半，高度为左侧 `<div>` 的高度，其左上角定位在左侧 `<div>` 的中间位置，z-index 属性设置为 1，使其在左侧 `<div>` 内部处于上层位置。这样子，`.overlay` 元素就会完全覆盖右侧 `<div>`，但是不会覆盖原有的左侧 `<div>`。

完整的 HTML 和 CSS 代码如下：

<div class="left">
  <div class="overlay"></div>
</div>
<div class="right"></div>

.left {
  position: relative;
  width: 50%;
  height: 500px;
  background-color: #ccc;
}

.left .overlay {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  background-color: #f00;
  z-index: 1;
}

.right {
  width: 50%;
  height: 500px;
  background-color: #eee;
}