Javascript 避免输入溢出其容器&；调整大小时让他们跳到下一行

当我添加太多输入（取决于我想要多少）时，它们会溢出其容器，例如，当我只有两个输入时，当我调整窗口大小时，它们会溢出容器

以下是我的html和css：

\datails\u容器{
位置：相对位置；
显示器：flex；
背景色：暗灰色；
宽度：70%；
高度：550px；
边界半径：5px；
顶部：50px；
底部：0；
左：0；
右：0；
保证金：自动；
背景色：黑色；
边界半径：6px；
}
.没错{
身高：26%；
边框：1px黑色实心；
保证金：自动；
显示器：flex；
宽度：80%；
背景色：白色；
边界半径：4px；
}
形式{
宽度：100%；
身高：100%；
对齐项目：居中；
显示器：flex；
柔性流：行换行；
证明内容：之间的空间；
}
跨度{
背景色：#b50612；
宽度：92px；
高度：最小含量；
边界半径：5px；
位置：相对位置；
顶部：-7px；
左：12px；
颜色：白色；
字体大小：粗体；
文本对齐：居中；
}
#呈现{
颜色：小麦；
宽度：100%；
位置：绝对位置；
文本对齐：居中；
}
#提交人{
位置：绝对位置；
边框：1px纯黑；
显示：块；
右：5px；
底部：6px；
背景颜色：绿色；
边界半径：4px；
高度：2.6em；
}
#提交者：悬停{
光标：指针；
}
.itemcount{
字体大小：16px；
字体系列：无衬线；
字号：700；
颜色：#444；
线高：1.3；
填充：.6em 1.4em.6em 1.4em；
框大小：边框框；
保证金：0；
边框：1px实心#aaa；
长方体阴影：0 1px 0 1px rgba（0,0,0,04）；
边界半径：.5em；
外观：无；
背景色：#fff；
高度：40px；
位置：相对位置；
顶部：15px；
左：-76px；
显示器：flex；
左边距：39像素；
}
标签{
位置：相对位置；
顶部：28px；
左：-65px；
高度：最小含量；
宽度：79.9667px！重要；
显示：内联flex；
字体大小：粗体；
颜色：黑色；
}
输入{
高度：25px；
边界半径：5px；
位置：相对位置；
顶部：25px；
左-53px；
右边距：自动；
浮动：左！重要；
}

体裁
1.
2.
3.
4.
5.
6.
7.
8.
9
类型：


语言文字
1.
2.
3.
4.
5.
6.
7.
8.
9
语文：


国家
1.
2.
3.
4.
5.
6.
7.
8.
9
国家：
添加详细信息

问题是因为职位问题。请参阅以下代码以更好地理解。我已经对您的一些代码进行了评论，并添加了两三行代码

\datails\u容器{
位置：相对位置；
显示器：flex；
背景色：暗灰色；
宽度：70%；
高度：550px；
边界半径：5px；
顶部：50px；
/*底部：0*/
/*左：0*/
/*右：0*/
保证金：自动；
/*背景色：黑色*/
边界半径：6px；
}
.没错{
垫底：10px；
/*位置：相对位置*/
边框：1px黑色实心；
保证金：自动；
/*显示器：flex*/
宽度：80%；
背景色：白色；
边界半径：4px；
}
形式{
宽度：100%；
身高：100%；
对齐项目：居中；
显示器：flex；
柔性流：行换行；
证明内容：之间的空间；
}
跨度{
背景色：#b50612；
宽度：92px；
高度：最小含量；
边界半径：5px；
位置：相对位置；
顶部：-7px；
左：12px；
颜色：白色；
字体大小：粗体；
文本对齐：居中；
}
#呈现{
颜色：小麦；
宽度：100%；
位置：绝对位置；
文本对齐：居中；
}
#提交人{
位置：绝对位置；
边框：1px纯黑；
显示：块；
右：5px；
底部：6px；
背景颜色：绿色；
边界半径：4px；
高度：2.6em；
}
#提交者：悬停{
光标：指针；
}
.itemcount{
字体大小：16px；
字体系列：无衬线；
字号：700；
颜色：#444；
线高：1.3；
填充：.6em 1.4em.6em 1.4em；
框大小：边框框；
保证金：0；
边框：1px实心#aaa；
长方体阴影：0 1px 0 1px rgba（0,0,0,04）；
边界半径：.5em；
外观：无；
背景色：#fff；
高度：40px；
/*位置：相对位置*/
/*顶部：15px*/
/*左：-76px*/
显示器：flex；
/*左边距：39像素*/
}
标签{
/*位置：相对位置*/
顶部：28px；
左：-65px；
高度：最小含量；
宽度：79.9667px！重要；
显示：内联flex；
字体大小：粗体；
颜色：黑色；
显示器：flex；
}
输入{
高度：25px；
边界半径：5px；
位置：相对位置；
/*顶部：25px*/
/*左-53px*/
/*右边距：自动*/
/*浮动：左！重要*/
}

体裁
1.
2.
3.
4.
5.
6.
7.
8.
9
类型：


语言文字
1.
2.
3.