html - 如何在html中的单元格（嵌套表）中拉伸表格？

Question

嵌套表不是父 td 的 100% 高度

我使用了 height="100%" 但没有帮助

HTML：

<table width="50%" border="1" align="center">
        <tbody>
            <tr>
                <td valign="top">
                    <table border="1" align="center" width="100%">
                        <tbody>
                            <tr>
                                <td align='center'>
                                    <p>Text</p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <td valign="top">
                    <table border="1" align="center" width="100%">
                        <tbody>
                            <tr>
                                <td align='center'>
                                    <p>Text</p>
                                    <p>Text</p>
                                    <p>Text</p>
                                    <p>Text</p>
                                    <p>Text</p>
                                    <p>Text</p>
                                </td>
                            </tr>
                        </tbody>  
                    </table>
                </td>
            </tr>
        </tbody>
    </table>

实际结果：https ://jsfiddle.net/fela93/8ysfawve/17/

标签： htmlcsshtml-table