Html 响应性表格和显示器flex（引导）

如何使用flex容器显示引导表的滚动？

我需要JSFIDLE示例的div。如果我删除display:flex of.flex_container并调整浏览器的大小，使其以低分辨率滚动显示，但我无法更改结构，我需要该DIV

有什么想法吗？JSFIDLE示例

多谢各位

将最大宽度：100%添加到main以获得表格的滚动条：

#main {
    padding: 10px;
    color: #000;
    background:
    #fff;
    flex-grow: 1;
    position: relative;

    // add this:
    max-width: 100%;
}

---

如果不使用css溢出，可以使用。细节：你能再描述一下吗？或者您可以共享一个图像。所以我们可以很好地理解。我想使用这个表格模型：使用flexbox布局详细解释您的问题。我很困惑。你到底想要什么。一张横排的桌子？@FeKuLa。我会做的。给我点时间。

#main {
    padding: 10px;
    color: #000;
    background:
    #fff;
    flex-grow: 1;
    position: relative;

    // add this:
    max-width: 100%;
}