Twitter bootstrap 如何限制css flex的水平拉伸

我有一个

div

和3个孩子

div

s。我使用CSS flex动态设置

div

的高度。有3个div，效果很好

但可能有一种情况，我将有两个孩子

div

s。在这里，child

div

s正在拉伸并占据整个页面的宽度。如何仅使用CSS限制此拉伸。通过删除

div

3来检查其行为

html，正文{
身高：100%；
}
身体{
保证金：0；
}
.flex容器.row{
显示器：flex；
}
.弹性项目{
弹性：1；
显示：内联块；
背景：黄色；
利润率：10px；
高度：100px；
}

第一组
第2组
第3组

使用

弹性基础

可能是一种选择

html，
身体{
身高：100%；
}
身体{
保证金：0；
}
.flex容器.row{
显示器：flex；
}
.弹性项目{
弹性基础：计算（33.33%-20px）；
背景：黄色；
利润率：10px；
高度：100px；
}

1.
2.
3.
1.
2.

当只有两个div时，应该是什么样子？我还用第二个选项更新了我的答案。如果LGson的答案解决了您的问题，您可以接受吗？如果您需要其他内容，请留下评论？