Css Flexbox-如何让第一个孩子50%宽和100%高，同时堆叠剩余的孩子？

我不能对标记做太多的处理，如果可以的话，我只需要并排添加两个容器。基本上，UL是这样的：

<ul>
   <li>one</li>
   <li>two</li>
   <li>three</li>
   <li>four</li>
</ul>

我需要第一个孩子在50%的宽度填充容器的高度。其余的子项应具有50%的宽度，但自动高度和堆叠在容器的右侧

将“弹性方向：列”与“弹性包裹：包裹”一起使用，然后在列表项上使用“大小/弹性”：

保险商实验室{ 显示器：flex； 弯曲方向：立柱； 柔性包装：包装； 高度：100vh； 保证金：0； 填充：0； 列表样式：无； } 李{ 背景：红色； 利润率：1%； } 李：第一个孩子{ 身高：100%； } 李：不是第一个孩子{ 弹性：1； } 身体{ 保证金：0； } 一 二 三 四 对于信息显示：表格/表格单元格旁显示：块在此处也有帮助，无需设置高度：

范例

保险商实验室{ 显示：表格； /*使其表现为常规块*/ 表布局：固定； 宽度：100%； /* - */ 保证金：0.5em0； 填充：0； 列表样式：无； 边界间距：0.5em； 边框：实心； 框大小：边框框； 背景：浅绿色 } 李{ 背景：番茄； 填充：0.5em； } 李：第一个孩子{ 显示：表格单元格； } 李：N-child2~李{ 边缘顶部：0.5em； } 身体{ 保证金：0； } 一 二 三 四 一 二 三 第四，再高一点 五