Html 具有两列的Z索引

我想在左div下得到未绘制的草图（右边有10px的边距），我尝试了多个Z-Index选项，但都不起作用。我试图增加任何职位，但都不起作用。希望你能帮助我

html，正文{
保证金：0；
边框样式：无；
填充：0；
}
.左{
宽度：50%；
高度：100vh；
浮动：左；
}
.对{
宽度：50%；
右：0；
高度：100vh；
浮动：对；
背景色：#EA8E81；
}
.图像校正器{
显示器：flex；
对齐项目：居中；
浮动：左；
高度：100vh；
左边距：-10px；
}
.素描旅行{
高度：160px；
}

登录WiFi |科伦登航空公司

它“不起作用”，因为在左div上并没有设置颜色，所以看起来它不起作用，左边是透明的，下面是草图

.left{
  width: 50%;
  height: 100vh;
  float:left;
  background-color:white;
  position: absolute;
  z-index: 10;
}

示例：

html，正文{
保证金：0；
边框样式：无；
填充：0；
}
.左{
宽度：50%；
高度：100vh；
浮动：左；
背景色：白色；
位置：绝对位置；
z指数：10；
}
.对{
宽度：50%；
右：0；
高度：100vh；
浮动：对；
背景色：#EA8E81；
}
.图像校正器{
显示器：flex；
对齐项目：居中；
浮动：左；
高度：100vh；
左边距：-10px；
}
.素描旅行{
高度：160px；
}

登录WiFi |科伦登航空公司

我在图像容器中添加了一个溢出，效果很好。

您是否尝试过在

z-index

元素中添加

position

？是的，我尝试过！