Html CSS-如何在第一个div溢出时强制第二个div到另一行

我有两个等宽的div相邻放置。当第一个div中的文本溢出到第二行时，我希望第二个div放在第一个div的下面-每个div的宽度加倍。这在CSS中可能吗

我尝试过使用FlexBox，但我不知道从这里可以走到哪里

#容器{
显示器：flex；
宽度：500px；
边框：1px纯黑；
}
.细胞{
弹性：1；
}

Lorem ipsum dolor sit amet，献祭精英
我们的工作是最低限度的，我们的工作是实践性的

您可以打开

柔性包裹：包裹和
flex-grow:1在项目上。（全屏查看代码段并调整浏览器宽度）


#容器{
显示器：flex；
边框：1px纯黑；
柔性包装：包装；
}
.细胞{
柔性生长：1；
}

Lorem ipsum dolor sit amet，献祭精英
我们的工作是最低限度的，我们的工作是实践性的
您可以打开
柔性包裹：包裹和
flex-grow:1在项目上。（全屏查看代码段并调整浏览器宽度）


#容器{
显示器：flex；
边框：1px纯黑；
柔性包装：包装；
}
.细胞{
柔性生长：1；
}

Lorem ipsum dolor sit amet，献祭精英
我们的工作是最低限度的，我们的工作是实践性的
我想出来了。两个div必须是
minwidth:50%
，最后一个div必须是
flex:1
。父div应该具有
flex wrap:wrap


#容器{
显示器：flex；
柔性包装：包装；
宽度：500px；
边框：1px纯黑；
}
#第1单元{
背景颜色：粉红色；
最小宽度：50%；
}
#细胞2{
背景颜色：浅蓝色；
最小宽度：50%；
弹性：1；
}

Lorem ipsum dods Ut eniasdfasdf
我们的工作是最低限度的，我们的工作是实践性的
我想出来了。两个div必须是
minwidth:50%
，最后一个div必须是
flex:1
。父div应该具有
flex wrap:wrap


#容器{
显示器：flex；
柔性包装：包装；
宽度：500px；
边框：1px纯黑；
}
#第1单元{
背景颜色：粉红色；
最小宽度：50%；
}
#细胞2{
背景颜色：浅蓝色；
最小宽度：50%；
弹性：1；
}

Lorem ipsum dods Ut eniasdfasdf
我们的工作是最低限度的，我们的工作是实践性的
我不太清楚你在问什么，你能用另一种方式解释一下吗？我有点困惑，因为我是怎么解释的，你希望孩子的身高是父母身高的100%，所以当一个孩子长得比父母大时，另一个孩子也会这样做，但我解释的另一部分是，你希望第二行在div的外面，下面？我不太确定你在问什么，你能用另一种方式解释一下吗？我有点困惑，因为我是如何解释的，你希望孩子的身高是父母身高的100%，所以当一个孩子成长并扩展父母的身高时，另一个孩子也会这样做，但我解释的另一部分是说，你希望第二条线在div的旁边，在它下面？这不是我想要的行为。如果第一个div没有溢出，则第二个div应与第一个div位于同一行（在这种情况下，两个div的宽度应为50%）。你的代码不满足这个条件。啊，所以你希望第二个包装下一个，而不是第一个。很高兴你弄明白了。这不是我想要的行为。如果第一个div没有溢出，则第二个div应与第一个div位于同一行（在这种情况下，两个div的宽度应为50%）。你的代码不满足这个条件。啊，所以你希望第二个包装下一个，而不是第一个。很高兴你弄明白了。