Combobox Dropdown显示在错误的地方

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声明中。您可以使用开发人员工具栏或firebug查看是否存在相同的问题。一旦我改变了doctype以模仿ie8，一切都很好。