Ajax ComboBox 渲染不正确

Question

我正在使用 AjaxControlToolkit v4.1.50731 中的 ComboBox。当它显示在页面上时，下拉列表呈现在控件原点的下方。不幸的是，由于限制，我无法发布图像。

我将页面上的代码保持在最低限度，以避免任何可能的冲突：

    <AjaxToolKit:ComboBox ID="ComboBox1" runat="server">
        <asp:ListItem Text="Mild" Value="0" />
        <asp:ListItem Text="Medium" Value="1" />
        <asp:ListItem Text="Hot" Value="2" />
    </AjaxToolKit:ComboBox>

知道为什么会发生这种情况或如何纠正它吗？

Answer 1

该问题是由 CSS 样式引起的，但我无法找出确切的原因。为了解决这个问题，我创建了一个没有样式、只有组合框控件的新页面，并将其命名为“PlainComboBox.aspx”。然后，我在想要显示组合框的页面中使用了 iframe 标记，如下所示：

        <iframe src="PlainComboBox.aspx" frameborder="0" height="130" >
           <p>Your browser does not support iframes.</p>
        </iframe>

这将组合框与页面其他位置的任何样式问题隔离开来，并正确呈现。