Html 使flex布局中的内部容器适合屏幕大小

我有以下html和css代码：

/**CSS框架：开始**/
html{
显示器：flex；
}
.flexbox{
显示器：flex；
}
/**CSS框架：结束**/
.内盒{
宽度：100%；
溢出-x：滚动；
}
.非常大的集装箱{
宽度：4000px；
}

福巴

你可以看到有一个非常大的容器，它不适合正常的屏幕大小。这就是我使用

内框

将最大宽度设置为100%并启用水平滚动条的原因。问题是容器

内部框的滚动条不出现。我只有整个窗口的滚动条。我知道我可以通过从
html
和
flexbox
中删除
display:flex
来解决我的问题，但不幸的是，这些属性来自css框架，我无法对此进行任何更改。那么，您是否有任何其他想法来启用滚动条作为
内框的原因
display:flex
元素中的声明为
html
的所有直接子元素启用flex上下文

html {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

由于没有声明
flex-direction
和
flex-wrap
属性，它们的默认值将应用于
html

html {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

解决
解决方案1
向
html
元素添加
flex-direction:column
声明

解决方案2
将
宽度：100%
声明添加到
主体
元素
您可以使用
宽度：100vw

请参见
我可以从浏览器的给定滚动条中滚动。这还不够吗？@Rojo不，这还不够。我需要内部容器的滚动条。是的，这样就解决了我的问题。但正如您可能已经注意到的，整个窗口仍然有一个小小的滚动条。这个问题甚至会变得更大，如果你有一个边栏，比如在这个提琴中：有解决方案吗？@MatthewDarton然后将
body{overflow-x:hidden；}
添加到你的css中