c# - 组合框下拉菜单显示在错误的位置

Question

有一个 ajaxcontroltoolkit 组合框。不知何故，下拉菜单没有显示在左侧（见图）。

.Net 代码

<ajaxToolkit:ComboBox ID="cbState" runat="server" AutoPostBack="true" DropDownStyle="Dropdownlist" AutoCompleteMode="None" ItemInsertLocation="Append" CssClass="searchcontentCombobox" />

CSS

.searchcontentCombobox .ajax__combobox_inputcontainer {}
.searchcontentCombobox .ajax__combobox_textboxcontainer input {border:0;width:160px;height:22px;padding:3px 10px 3px 7px;background:#1f1f1f;color:#fff;}
.searchcontentCombobox .ajax__combobox_buttoncontainer button {border:0;background:url(../img/menu_searchcontent.gif) no-repeat center right;}
.searchcontentCombobox .ajax__combobox_itemlist {}

任何想法？

Answer 1

这个 css 对我有用，可以让下拉列表对齐。

.ajax__combobox_itemlist
{
    position:fixed !important;
}

Answer 2

我把组合框放在一个div中。div 没有设置定位。

然后我把它放在我的样式表中：

.ajax__combobox_itemlist
{
    position:relative !important; 
    height: 100px !important;
    overflow: auto !important;
    top: 0px !important;
    left: 0px !important;
}

然后将弹出的下拉列表绑定到 div 的左上角。

Answer 3

我也有类似的事情发生在我身上。我必须添加一个元标记以确保 ie8 在 doctype 声明中。您可以使用开发人员工具栏或萤火虫查看您是否遇到同样的问题。一旦我更改了文档类型以模拟 ie8，一切都很好。