HTML表3行與equsl高度

Question

擁有想出這個問題的2列：

我有幾個asp.net控件（DataList控件），主要的問題是，我需要顯示3行2列的行高是相同的，並且它們應該填充頁面的可視端口。

我試着用百分比高度的普通HTML表格，但是，沒有去。如果我在px中使用修復高度，我沒問題，但當可見頁面高度發生變化時，這並沒有幫助。

關於如何最好地實現這一點（即使不使用表）的任何想法？

謝謝。

代碼：

<form id="form1" runat="server"> 
    <asp:ScriptManager ID="ScriptManager1" runat="server"> 
    </asp:ScriptManager> 
    <asp:TabContainer ID="TabContainer1" runat="server"> 
    <asp:TabPanel ID="tabPnlMoves" runat="server" CssClass="MovesPanelClass"> 
     <HeaderTemplate> Moves </HeaderTemplate> 
      <ContentTemplate> 
    <div style="width: 25%; float: left; border: 1px solid black; height: 33%; display: table-cell;"> 
    </div> 
    <div style="width: 70%; float: left; border: 1px solid green; height: 33%; display: table-cell;"> 
    </div> 
    <div style="width: 25%; float: left; border: 1px solid pink; height: 33%; display: table-cell;"> 
    </div> 
    <div style="width: 70%; float: left; border: 1px solid blue; height: 33%; display: table-cell;"> 
    </div> 
    <div style="width: 25%; float: left; border: 1px solid gray; height: 33%; display: table-cell;"> 
    </div> 
    <div style="width: 70%; float: left; border: 1px solid pink; height: 33%; display: table-cell;"> 
    </div> 
    </ContentTemplate> 
     </asp:TabPanel> 

    </asp:TabContainer> 
    </form> 

Answer 1

您可以使用div與style="width:50%;float:left"

看看這個工作小提琴：http://jsfiddle.net/EnrKD/1/