AJAX自动完成文本框的动态高度

Question

我正在使用<asp:textbox>控件的AJAX自动完成插件。我在<div>周围使用<ajaxToolkit:AutoCompleteExtender>处理所有内容。

我设置了以下CSS类：

.autocomplete_CompletionListElement
{
    margin: 0px;
    background-color: White;
    cursor: default;
    overflow-y: auto;
    overflow-x: hidden;
    height:180px;
    text-align: left;
    border: 1px solid #777;
    z-index:10000;
}

现在，当列表包含合理数量的项目时，会出现一个垂直滚动条（这是正确的），我可以滚动浏览CSS中设置为180px高度的下拉菜单（如上所示）。

但是，当下拉列表中只有1个或2个项目时，高度保持固定为180px，下面是2个项目和空白区域。我理想的是，AJAX下拉将缩小以适应其内容的高度。如果内容超过180px，则应显示滚动条（正如现在所做的那样）。

Answer 1

删除height:180px并将CSS更改为使用类似：

max-height:180px;

这应该有用（但我认为只能从IE7 +开始）其他浏览器应该支持它。