0

提出这个问题时遇到问题：

我的 asp.net 控件（数据列表）很少，主要问题是，我需要显示 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>
4

1 回答 1

2

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

看看这个工作小提琴：http: //jsfiddle.net/EnrKD/1/

于 2013-07-23T22:15:43.370 回答