css - css 表溢出离开页面

Question

我正在尝试在我的桌子上启用水平滚动。桌子应该有一定的宽度。我最初将其设置为 90rem 以适应桌面屏幕。但是，如果我使用笔记本电脑屏幕，桌子就会溢出。我想确保表格是 90rem，如果我移动到不同的屏幕，应该会出现水平滚动条。

这就是我在笔记本电脑屏幕上遇到的情况。你可以看到桌子溢出来了。

这是我下面的CSS。.BP-Table-Content 指向整个表格。

.BP-Table-Content {
    position: relative;
    display: flex;
    margin: 0.5rem 2rem 0.5rem 2rem !important;
    overflow: scroll;
    min-height: 100px;
    max-height: 350px;
    max-width: 90rem;
    min-width: 90rem;
}

标签： cssreactjs

Answer 1

因为它的父 HTML 组件宽度未定义，所以将父 div / 任何组件放在定义的宽度中，或者只是 100% 不自动