Css JQuery选择的插件导致IE中的垂直页面溢出问题

我的视图中有一个多选择器，除了使用JavaScript重置列表时，它可以正常工作

重置列表之前，没有垂直滚动条，重置之后，在视图页脚下方添加了大量空白，创建了一个垂直滚动条，我不知道为什么会出现空白

以下是我的观点的屏幕截图：

这是单击重置列表按钮后的屏幕截图：

造成此问题时，我采取的步骤包括：

在列表中选择一个或多个项目 单击重置列表按钮 选定的multiselect会正确刷新，但会出现CSS问题 除了意外的CSS行为外，我的代码删除工作正常，如下所示：

<select id="chosenMultiSelect" multiple="multiple" >
    <option>Item 1</option>
    <option>Item 2</option>
    <option>Item 3</option>
    <option>Item 4</option>
    <option>Item 5</option>
    <option>Item 6</option>
    <option>Item 7</option>
    <option>Item 8</option>
    <option>Item 9</option>
</select>

<button id="btnClear" class="btn btn-default">Reset list</button>

<script type="text/javascript">
    $(document).ready(function () {
        $('#chosenMultiSelect').chosen({ width: '100%' });

        $('#btnClear').click(function () {
            $('#chosenMultiSelect').val('').trigger('chosen:updated');
        });
    });
</script>

其他资料：

我已经在IE、Chrome和Firefox中测试过了，这似乎只发生在IE的浏览器版本9、10和11中。 如果在多重选择器中选择项目之前单击“重置列表”按钮，则不会出现此问题。 更新日期：2015年11月2日

我现在在其他情况下也经历过这种情况。例如，在引导模式中使用它作为单个选择，这并不总是但有时会导致页面中添加大量溢出

---

没有其他人经历过这种情况，你知道是什么原因造成的吗？可能是其他CSS在某处定义的，等等。

决定再看一看，发现有人在网站上报告了类似的问题

我尝试将我正在使用的版本从1.0更新到1.5.1，但这不起作用，但是问题提出者确实提供了一个CSS解决方案，虽然不能完全解决问题，但提供了更好的解决方案，但取决于不同的屏幕大小

这里是CSS代码，需要包括

.chosen-container .chosen-drop {
     overflow-y: auto;
     max-height: 400px;
}

提出该问题并提供解决方案的bharos也提供了以下评论

这是一个解决方法，据我所知，当 在隐藏状态下，当它有大量的 选项。因此，当我们限制最大高度时，这不会发生。制作 此最大高度可根据您的要求设定为舒适值。 但这是一个需要从选民那里解决的问题，这是 只是一个变通办法