1

我正在使用<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 下拉菜单会缩小以适应其内容的高度。如果内容超过 180 像素，则应该出现滚动条（就像现在一样）。

4

1 回答 1

3

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

max-height:180px;

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

于 2009-06-15T11:20:13.220 回答