Html 溢出-x:auto不'；对于两种类型的柱（固定和流体宽度），使用flex nowrap（引导程序4）时不能按预期工作

Overflow-x:auto（table responsive）在flex nowrap类（bootstrap 4）中不能像预期的那样工作：在将窗口宽度减小到表的最小可能宽度后，表的水平滚动条不希望出现（表的滚动条出现得更晚，我想这取决于左侧flex容器的宽度）。右flex容器停止收缩，其内容溢出窗口/区域，而不是预期的行为（显示窗口滚动条）。我没想到会这样，也不知道如何修复它。 我需要做什么来纠正这种行为

图像顶部：右容器内容不会溢出窗口/区域（窗口宽度1250px）

图像中央部分：右容器内容溢出窗口/区域（为什么？如何解决此问题？）和窗口滚动条出现（窗口宽度998px）

图片底部：表格的滚动条现在才出现（窗口宽度928px）

下面是一个例子：（缩小窗口/区域的宽度以查看这种奇怪的行为）

如果不使用flex nowrap类，表的滚动条会按预期显示（当然，如果将窗口宽度减小到1250px或更低，则右flex容器会在左flex容器之后左下跳转），页面内容不会溢出窗口/区域

删除此处的“flex nowrap”并观察正常溢出行为：

<div class="container mr-auto ml-3">
    <div class="row flex-nowrap">
        <div class="col maincont-sb-empty-area d-none d-md-block">

另外，我在另一个主题的其他答案中发现了同样的问题（但我无法评论）：

本主题的示例：（缩小窗口/区域的宽度，以查看内容如何溢出窗口/区域和窗口滚动条）

其想法是使侧菜单具有固定宽度（左侧容器，侧菜单将具有固定位置）和内容区域具有流体宽度（右侧容器）。如果窗口宽度小于768px，则侧菜单将隐藏，并显示“显示菜单按钮”。我已经实现了这样的侧菜单，但是窗口溢出的错误直到现在才注意到，当在内容区域插入一个宽表时

---

我不需要像这样的边栏：因为我需要显示顶部菜单（顶部导航栏）和页脚

所以，据我从你那里了解到，你想让这两个栏目彼此相邻，而不包装它们吗？@Adel Elkhodary-是的。其想法是使侧菜单具有固定宽度（左容器）和具有流体宽度的内容区域（右容器）。如果窗口宽度小于768px，则侧菜单将隐藏，并显示“显示菜单按钮”。我不需要像这样的边栏：因为我需要显示顶部菜单和页脚。在主题中添加了此评论。