你怎麼得到一個表是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

您還可以更改height:100%;到height:100vh;看看這個EXAMPLE

Answer 2

試試這個：

添加到您的CSS下面的代碼：

html, body { 
height: 100%; 
} 

首先擴展html和body是很重要的。

之後，你可以做一個<table style="height:100%">像JS Fiddle