Question

<div>
            <table style="width: 100%; height: 97%">
                <tr style="width: 100%;">
                    <td style="height: 20%;" valign="top">                      
                        <div id="divHeaderControls" runat="server" style="height:40%; width:100%;
                            position: relative; background-color: White; border-width: thin;font-weight:bold;">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="height: 50%;" valign="top">
                        <div id="divBody" runat="server" style="border-style: inset; height: 100%;
                            background-color: White; border-width: thin; overflow: scroll; position: relative;
                            top: 0px; left: 0px;">
                        </div>
                    </td>
                </tr>
                <tr style="width: 100%;">
                    <td style="height: 30;" valign="top">
                        <asp:Panel ID="Panel1" runat="server" Width="100%" Height="100%" BackColor="#BFDBFF">
                            <table style="width: 100%; background-color: White;">
                                <tr>                                    
                                </tr>
                            </table>
                        </asp:Panel>
                    </td>
                </tr>
            </table>
        </div>

这里divBody将在服务器上显示运行时的动态数据。我想将divBody设置为高度百分比。但是当以百分比设置时，它不显示内容。它只显示一个条带

Answer 1

您需要将表格布局设置为固定。

table{
  table-layout: fixed;
}

另外，请务必在父div中定义固定像素高度，或者在父元素中使用100％。要简单修复，请使用：

html,body{
  height: 100%;
}

具有动态数据的Div不接受高度百分比

1 个答案: