html - chosen-select 在页脚后创建巨大的空白

Question

我有一个 chosen-select 配置为单选，里面有一个搜索框。它有很多选项(在这个问题中限制为 20 个选项)并且它位于页面下方的某个位置。如果您从选择框中选择任何内容，它会在页脚下方创建一个巨大的空白。

我认为问题与这些 CSS 行有关:

div.content {
    position:absolute;
}

div.filler {
    height:35px;
}

我创建了一个 jsFiddle来证明问题。这个 fiddle 中的差距并没有那么大，但在我的应用程序中它比 fiddle 中的差距大得多。我无法重现相同的差距。在我的应用中选择后，滚动条可能有 10px 大。

如何防止这种行为？

Answer 1

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

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

的高度

尝试并使用它。

FIDDLE

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