selected-select在页脚之后创造了巨大的差距

Question

我有一个selected-select配置为单选，其中包含一个搜索框。它有很多选项（在这个问题限于20个选项），它位于页面的某个地方。如果从选择框中选择任何内容，则会在页脚下创建一个巨大的间隙。

我认为问题必须与这些CSS行有关：

div.content {
    position:absolute;
}

div.filler {
    height:35px;
}

我创建了一个jsFiddle来演示问题。这个小提琴的差距并不是那么大，但在我的应用程序中，它比小提琴更大。我无法重现同样的差距。在我的应用程序中选择后滚动条可能是10px大。

如何防止此行为？

Answer 1

好吧，根本问题是，当内容溢出时，你的布局会搞砸，但这是另一个话题。我现在可以给你一个快速解决方案。

正在使用ul.chosen-results创建所选下拉列表。你可以做的是，限制ul

的高度

尝试并使用它。

<强> FIDDLE

.chosen-results{
    max-height:200px !Important; /*Adjust max-height to waht suits you.*/
}