Css flex容器中的垂直溢出

Css flex容器中的垂直溢出,css,flexbox,Css,Flexbox,我有一个容器,高度为100%和显示为flex,子容器左下对齐 当子对象溢出时,我需要显示滚动条,但也需要使用overflow:auto来显示,这不会发生 这是一支钢笔: 谢谢大家! 如果添加了justify content属性,则overflow:scroll将不起作用。在flex-box中添加一个子div,并为该子div赋予overflow属性 html,正文{ 身高:100%; 填充:0; 保证金:0; } #容器{ 调整内容:灵活启动; 显示器:flex; 柔性流动:柱状nowrap;

我有一个容器,高度为100%和显示为flex,子容器左下对齐

当子对象溢出时,我需要显示滚动条,但也需要使用
overflow:auto
来显示,这不会发生

这是一支钢笔:


谢谢大家!

如果添加了
justify content
属性,则
overflow:scroll
将不起作用。在
flex-box
中添加一个子div,并为该子div赋予
overflow
属性

html,正文{
身高:100%;
填充:0;
保证金:0;
}
#容器{
调整内容:灵活启动;
显示器:flex;
柔性流动:柱状nowrap;
证明内容:柔性端;
身高:100%;
溢出y:自动;
背景:贝贝;
}
.内胆{
最大高度:100%;
溢出y:自动;
}
.盒子{
自我校准:灵活启动;
背景:#e5ea无重复滚动0;
边界半径:3px;
边缘底部:25px;
左边距:8px;
最大宽度:80%;
填充:10px 15px;
位置:相对位置;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。库拉比图尔调味品奥纳乌纳埃吉特奥纳。在eget ornare velit中,nec rhoncus lectus。佩伦茨克的托尔托-泰勒斯生活。前元素、元素门上的无环、时态的无环、自由的无环效率。塞德·莫利斯·莱克图斯是帕特·廷西登的自由女神。这是一个公认的阿库·波苏尔身份证。佩伦特斯·拉奥里特·埃尼姆·维塔·尼伯·埃利芬德·波尔塔。
Lorem ipsum dolor sit amet,是一位杰出的献身者。库拉比图尔调味品奥纳乌纳埃吉特奥纳。在eget ornare velit中,nec rhoncus lectus。佩伦茨克的托尔托-泰勒斯生活。前元素、元素门上的无环、时态的无环、自由的无环效率。塞德·莫利斯·莱克图斯是帕特·廷西登的自由女神。这是一个公认的阿库·波苏尔身份证。佩伦特斯·拉奥里特·埃尼姆·维塔·尼伯·埃利芬德·波尔塔。

是的,我在提问之前试过,但是“宽度自动”不起作用。解决方案是在框内创建另一个div,其中包含背景、填充、最大宽度属性和一个“显示内联块”来设置自动宽度,但如果有解决方案可以避免这种情况,则效果会更好。