如何让桌子成为窗户的100％高度

Question

我需要你的帮助，

我遇到的问题是我的桌子不符合我窗户的100％高度。如何修改下面的HTML编码以适应这种变化？

<table style="width: 100%; height: 100%; border: solid 1px black;">
    <tr>
        <td style="text-align: center; vertical-align: middle; padding: 5px; position: relative;">
            <p style="display: inline-block; width:100%; background: #ccc; vertical-align: middle;">
                Title Text
           </p>
        </td>
    </tr>
</table>

预期结果是：

Answer 1

试试这个：

将以下代码添加到您的CSS中：

html, body {
height: 100%;
}

首先扩展html和body非常重要。

之后，您可以在JS Fiddle

中设置<table style="height:100%">

Answer 2

您也可以将height:100%;更改为height:100vh;查看此EXAMPLE