asp.net - IE9标准模式和Compability View模式对齐

Question

我有以下 aspx 代码片段。在 IE9 标准模式下，即使第一个 listLabel 的左侧没有任何内容，第一个 listLabel 仍会向右对齐，并为剩余的 listLabel 及其 ListBoxes 强制下移一行。在 IE9 兼容视图模式下，所有 listLabels 和 ListBoxes 都在同一行。我尝试了许多 css 设置但没有成功。我不喜欢使用浮动。有谁知道为什么会发生这种情况以及如何解决这个问题？谢谢。

label.listLable
{
    /*vertical-align:top;*/
    font-weight:bold;
}


    <asp:Content ID="pageContent" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
        <div>
            <div>
                <label for="<%=listPcpPanel.ClientID%>" class="listLable">Panel: </label>
                <asp:ListBox ID="listPcpPanel" runat="server" SelectionMode="Multiple" Rows="1">
                    <asp:ListItem Value="&lt;----- All -----&gt;" Selected="True"></asp:ListItem>
                </asp:ListBox>
                <label for="<%=listFacilityService.ClientID%>" class="listLable">Service: </label>
                 <asp:ListBox ID="listFacilityService" runat="server" SelectionMode="Single" Visible="true" Rows="1">
                    <asp:ListItem Value="&lt;---Select one---&gt;" Selected="True"></asp:ListItem>
                </asp:ListBox>
                <label for="<%=listRole.ClientID%>" class="listLable">Role: </label>
                <asp:ListBox ID="listRole" runat="server" SelectionMode="Multiple" Visible="true" Rows="1">
                    <asp:ListItem Value="&lt;----- All -----&gt;" Selected="True"></asp:ListItem>
                </asp:ListBox>
            </div>
        ...
        ...
        </div>
    </asp:Content>

Answer 1

我通过删除 <asp:content> 的第一个 <div> 子项解决了这个问题。