asp.net - CSS 列表奇怪的行为

Question

我有以下 CSS:

div#topWrap div#advancedSearchWrap
{
    width:738px;
    border:solid 1px #dadada;
    background-color:#fffcd9;
    margin-top:4px;
    padding:10px;
    display:none;
}

div#topWrap div#advancedSearchWrap ul
{
    width:798px;
    margin:-20px 0 0 -60px;
    float:left;
}

div#topWrap div#advancedSearchWrap ul li
{
    margin-left:60px;
    display:inline;
    float:left;
    background-color:Red; /*<- for viewing purposes*/
}

div#topWrap div#advancedSearchWrap ul li h6
{width:auto; float:none;}

到以下 XHTML:

<ul>
    <li>
        <h6> XXX </h6>
        <asp:TextBox ID="txtXXX" runat="server" Width="332"></asp:TextBox>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:DropDownList ID="ddlXXX" runat="server" Width="338">
            <asp:ListItem Text="XXX" Value="XXX"></asp:ListItem>
        </asp:DropDownList>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:DropDownList ID="ddlXXX" runat="server" Width="338">
        </asp:DropDownList>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:TextBox ID="txtXXX" runat="server" Width="332"></asp:TextBox>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:RadioButtonList ID="rbXXX" runat="server" RepeatDirection="Horizontal" Width="338">
            <asp:ListItem Text=" XXX " Value="0"></asp:ListItem>
            <asp:ListItem Text=" XXX " Value="1"></asp:ListItem>
        </asp:RadioButtonList>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:TextBox ID="txtXXX" runat="server" Width="332"></asp:TextBox>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:TextBox ID="txtXXX" runat="server" Width="332"></asp:TextBox>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:TextBox ID="txtXXX" runat="server" Width="332"></asp:TextBox>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:TextBox ID="txtXXX" runat="server" Width="332"></asp:TextBox>
    </li>

    <li>
        <h6> XXX </h6>
        <asp:TextBox ID="txtXXX" runat="server" Width="332"></asp:TextBox>
    </li>
</ul>

这是我的输出:

alt text http://img109.imageshack.us/img109/6909/79978930.jpg

但是我在其他页面上有完全相同的东西，除了两个 DropDownList 控件(= 选择)。

该页面呈现如下:(这是正确的方式)

alt text http://img513.imageshack.us/img513/8169/ss2x.jpg

我已经删除了两个有问题的控件...并且没问题。但是我看不出应该使用什么 CSS 特性来解决这个问题。 所有浏览器(IE7、IE8、Google Chrome、FireFox 等)都会出现此问题

Answer 1

我自己修好了。

解决方案是将“min-height”添加到“div#topWrap div#advancedSearchWrap ul li”。 它也适用于“高度”，但由于我有动态内容，所以我选择了“最小高度”。

无论如何，感谢所有尝试过的人。老实说，我真的很感谢您付出的时间和精力。