Div CSS不应用于布局.我为什么做错了

Question

我当前正在从基于表的布局更改以使用DIV布局。我正在与CSS挣扎。即使CSS文件正在加载，我的样式似乎也不会应用。我在做什么错？

.CategoryHeader
{
    font-family: Verdana;
    font-size: 10pt;
    color: #2151b1;
    text-align: left;
    padding-bottom:3px;
    padding-top:3px;
}
.CriteriaHeader {
    font-family: Verdana;
    font-size: 10pt;
    text-align: left;
    padding-bottom:3px;
    padding-top:3px;
}
.divTable {
        display: table;
        border: none;
        width:100%;
}
.divTR {
        display: table-row;
        width: 100%;    
    }
.divTD {
    display: table-cell;
    margin-bottom:22px;
    }

<div class="divTable">        
    <div class="divTR">       
        <div class="divTD">
             <LABEL class="CriteriaHeader">Number</LABEL>
        </div>
    </div>
    <div class="divTR"> 
        <div class="divTD">
             <asp:TextBox id="txtNumber" runat="server" CssClass="Textbox" ToolTip="Enter Number to search"></asp:TextBox>
        </div> 
    </div>
    <div class="divTR">       
        <div class="divTD">
            <LABEL class="CriteriaHeader">Description</LABEL>
        </div>
    </div>
     <div class="divTR">      
        <ajaxToolkit:ListSearchExtender ID="cboDesc_ListSearchExtender" runat="server" 
            Enabled="True" TargetControlID="cboDesc" PromptCssClass="ListSearch">
        </ajaxToolkit:ListSearchExtender>            
        <div class="divTD">
            <asp:DropDownList id="cboDesc" runat="server" CssClass="DropDownList" ToolTip="Choose description to search"></asp:DropDownList>
        </div>
    </div>
</div>      
<div>
        <asp:Button id="btnSearch" runat="server" Text="Submit" CssClass="Button"></asp:Button>&nbsp;
        <asp:Button id="btnClear" runat="server" Text="Clear" CssClass="Button"></asp:Button>
</div>

Answer 1

而不是使用这么多的表属性，可以使用position:relative/absolute/fixed，display:inline/inline-block。它们与IE6 和非IE浏览器绝对兼容。喜欢表，表行，表格，它们不是绝对适用于IE浏览器。