Html 将css表格单元格推出浏览器窗口

我正在设计一个布局，如果css表中的不同单元格的大小增加，它们应该将彼此推出浏览器窗口。单元格的内容通过ajax动态加载。很难描述，所以我画了一个草图：

这是css表的初始状态：

如果单元格1的宽度增加，则应超出浏览器窗口：

但如果单元格3的宽度增加，则应将其他单元格推到浏览器窗口之外：

我希望这能说明问题，如果没有，我将尝试更详细地描述它。提前谢谢

这就是你想要的吗

#父级{
背景颜色：卡其色；
高度：200px；
边缘顶部：100px；
显示器：flex；
弯曲方向：行反向；
/*注释它以删除滚动条*/
溢出：自动；
}
#左撇子{
利润率：50像素10像素0；
背景颜色：珊瑚；
高度：100px；
顺序：3；
/*更改最小宽度以更改div的宽度*/
最小宽度：1000px；
/*最小宽度：100px*/
}
#中间孩子{
利润率：50像素10像素0；
背景颜色：浅蓝色；
高度：100px；
顺序：2；
/*更改最小宽度以更改div的宽度*/
最小宽度：1000px；
/*最小宽度：100px*/
}
#对的孩子{
利润率：50像素10像素0；
背景颜色：浅绿色；
高度：100px；
顺序：1；
/*更改最小宽度以更改div的宽度*/
最小宽度：1000px；
/*最小宽度：100px*/
}

您尝试过什么吗？我尝试过将单元格1的内容放入一个带有display:flex的div中。这适用于第2步，但不适用于第3步，也不适用于Internet Explorer。那么您遇到了什么问题？如果没有看到您的代码，我们就无法真正为您提供任何帮助，也无法深入了解您的假设或错误。非常感谢您的详细回答！这很有帮助@朱利叶斯很乐意帮忙。顺便说一句，你可以让答案被接受，这将有助于其他人找到答案！