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

Question

我在 <asp:textbox> 控件中使用 AJAX 自动完成插件。我在<ajaxToolkit:AutoCompleteExtender> 周围使用<div> 处理一切。

我设置了以下 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 中设置为 180 像素高度的下拉菜单（如上所示）。

但是，当下拉列表中只有 1 或 2 个项目时，高度保持固定为 180 像素，其中 2 个项目和下面的空白区域。我最理想的情况是 AJAX 下拉菜单会缩小以适应其内容的高度。如果内容超过 180 像素，那么应该会出现滚动条（就像现在一样）。

Answer 1

删除 height:180px 并更改 CSS 以使用如下内容：

max-height:180px;

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