在Flexbox中仅显示项目宽度的10％？要将flexbox项定义为具有绝对子项的相对父项？

Question

Flexbox中只能显示10％的项目宽度？ 是否可以将flexbox项定义为具有绝对子项的相对父项？

//style
.flex { display: flex; flex-direction: column; }
.p10 { width : 200px; position:relative; }
.slide { width : 2000px; top:0; left:0; position:absolute;  }

//html
<div class='flex' >
   <div class='p10' > <div class='slide' >Content of 10 slides</div> </div>
   <div class='p10' > <div class='slide' >Content of 10 slides</div> </div>
   <div class='p10' > <div class='slide' >Content of 10 slides</div> </div>
</div>

并且有一个逻辑将幻灯片滚动到10％，20％等的某个位置。它的父p10的宽度。

我把所有东西放在flexbox中，因为如果我对外部容器使用任何其他定位，则自动浏览器设置height = 0，因此页面上看不到内部div和幻灯片。我无法提前设置容器的高度，因为我不知道里面会有多少div。