Css select2 inside div出现滚动条问题，溢出：自动

我正在编写一个大表单，为了避免一个巨大的卷轴，我用overflow:auto将它分割并嵌套到div中。 这样我就可以将表单分解成几个窗口，每个窗口都有固定的高度和滚动条

我正在尝试使用select2插件，但是当select2被隐藏在我的一个窗口中时，我会得到一个滚动条来访问它，这没关系，但我也会在主窗口上得到一个滚动条，而我正是在试图避免这种情况

我在下面做了一个片段，有什么线索吗？谢谢

$（'select[name=“test”]”）。select2（）
.wrapper{
高度：100vh；
宽度：300px；
背景色：#ddd；
溢出：自动；
}
.滚动块{
身高：100%；
宽度：75%；
背景色：#ccc；
}
.大元素{
身高：150%；
宽度：75%；
背景色：#c00；
}
.elementWithSelect{
宽度：75%；
背景色：#0c0；
}

选择1
选择2
选择3
选择4
选择5
感谢Fikri Muhammad Iqbal先生在GitHub上回答我的问题，这里有一个解决方法：

在某些容器上，.select2 hidden accessible的css使原来的select隐藏，它被推到边缘，位置：绝对到它的相对容器

将这一行添加到CSS可以实现以下目的：

.select2-hidden-accessible { position: fixed !important; }

感谢Fikri Muhammad Iqbal先生在GitHub上回答我的问题，这里有一个解决方法：

在某些容器上，.select2 hidden accessible的css使原来的select隐藏，它被推到边缘，位置：绝对到它的相对容器

将这一行添加到CSS可以实现以下目的：

.select2-hidden-accessible { position: fixed !important; }