Css 在使用“对齐内容间距”时如何使div固定

我试图在页面顶部添加两个div（左项目容器，右项目容器），并修复左项目容器。我希望在滚动页面时修复左侧项目。正确的项目应该滚动并可以隐藏

我还想在两个div之间留出空间

.mydiv{
display:flex
justify-content: space-between;

.left-item-container{
position: fixed;
}
.right-item-container{
}
}

当我排除固定位置时，两个位置之间的间距很好-但是我松开了固定位置

---

我需要帮助来固定左侧项目，并且当两个div都可见时，在两者之间留有空间。

我能够通过给容器指定一个特定的高度，并将flex start的justify内容应用到左侧容器，使其正常工作，因为我们希望它保持固定

.mydiv{
display:flex;
justify-content: space-between;

.left-item-container{
border: 10px solid red;
justify-content:flex-start;
position:fixed;
height:30px;
}
.right-item-container{
  border:10px solid blue;
  height:20px;
}
}

---

看看这个

你有什么HTML？