Question

这就是我的表格。当我试图给表100％的高度，但它不起作用。

我希望包含“xxx”的TD具有100％的高度，即父TD的高度。

</tr>

    <tr align="left">
        <td valign="top">
            <table style="height:100%" border="1">
                <tr>
                    <td>
                        <span title="Toggle between full screen and frames." id="showHideText"  onclick="showHideFrames();" 
                                class="buttonLabel" style="cursor:pointer; font-size:65%; font-weight:bold;">
                            Hide Frames
                        </span>
                    </td>
                </tr>
                <tr>
                    <td align="bottom" >
                        xxx
                    </td>
                </tr>
            </table>

        </td>

Answer 1

你想要这样的东西吗？

<table>
        <tr align="left" style="height: 1000px">
            <td valign="top">
                <table style="height: 100%" border="1">
                    <tr>
                        <td>
                            <span title="Toggle between full screen and frames." id="showHideText" onclick="showHideFrames();"
                                class="buttonLabel" style="cursor: pointer; font-size: 65%; font-weight: bold;">
                                Hide Frames </span>
                        </td>
                    </tr>
                    <tr>
                        <td valign="bottom" style="height: 1000px">
                            xxx
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

Answer 2

设置CSS height属性：

style="height:100%;"

如何提供一个TD 100％高度内的表格，即TD的全高度

2 个答案: