asp.net - 在 asp.net(vb) 中控制 ajax 工具包自动完成的高度

Question

我有文本框，我希望它在我开始输入时自动完成会显示建议。这是我的 html 代码

<tr>
    <td valign="top" align="right">
      <asp:Label ID="labelPayableAccount" runat="server" CssClass="ItemTitle" Text="Payable Account"></asp:Label>
    </td>
    <td valign="top" align="center" class="style2">
      <asp:Label ID="labelPayableAccountColon" runat="server" CssClass="ItemTitle" Text=":"></asp:Label>
    </td>
    <td valign="top" align="left">
      <asp:TextBox ID="txtPayableAccount" runat="server" Width="400px" CssClass="textBoxString"></asp:TextBox>
    <div id="divwidth1">
    </div>

<ajaxToolkit:AutoCompleteExtender ID="autoComplete1" runat="server" EnableCaching="true"
    BehaviorID="AutoCompleteEx" MinimumPrefixLength="1" TargetControlID="txtPayableAccount"
    CompletionListElementID="divwidth1" CompletionListCssClass="AutoExtender" CompletionListItemCssClass="AutoExtenderList"
    CompletionListHighlightedItemCssClass="AutoExtenderHighlight" ServicePath="AutoComplete.asmx"
    ServiceMethod="GetCompletionListPayableAccount" CompletionSetCount="20" CompletionInterval="1"
    DelimiterCharacters=";, :" ShowOnlyCurrentWordInCompletionListItem="false">
</ajaxToolkit:AutoCompleteExtender>

<asp:RequiredFieldValidator ID="RequiredFieldValidatortxtPayableAccount" runat="server"
    ErrorMessage="Required !" ControlToValidate="txtSupplierType">
</asp:RequiredFieldValidator>
</td>
</tr>

这是自动完成布局的CSS代码

.AutoExtender
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    border: solid 1px #006699;
    line-height: 20px;
    padding: 10px;
    background-color: White;
    margin-left: 10px;
    max-height:180px;
}
.AutoExtenderList
{
    border-bottom: dotted 1px #006699;
    cursor: pointer;
    color: Maroon;
}
.AutoExtenderHighlight
{
    color: White;
    background-color: #006699;
    cursor: pointer;
}
#divwidth1
{
    width: auto !important;
    height:180px !important;
}
#divwidth1 div
{
    width: auto !important;
}

我已经设计了布局，使自动完成框架的高度为 180 像素，但列表不会这样做，这是快照

谁能帮帮我？

Answer 1

也许尝试添加 overflow css 属性？

#divwidth1
{
    width: auto !important;
    height:180px !important;

    **overflow: hidden;**
}