我们有一个快速的问题。我还在学习HTML，但是我正在开发一个个人页面，并且想要在整个窗口中展开盒子，无论窗口有多大或多小。当我水平地做它时，它工作得很好，但从不垂直工作。它只是向下保持标准格式。
<table class="table" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
.table {
width: 100%;
height: 100%;
text-align: center;
vertical-align: central;
答案 0 :(得分：4)
你的身体和html选择器是否有100％的高度？如果没有，请使用以下内容扩展样式表：
html,
body {
height: 100%;
}
答案 1 :(得分：2)
它没有调整大小，因为设置table { height:100%; }只是告诉它填充其父级的100％。您需要将html和body设置为height:100%
html,
body {
height: 100%;
margin:0;
}
.table {
width: 100%;
height: 100%;
text-align: center;
vertical-align: central;
}
答案 2 :(得分：0)
height: 100% !important;或许这会使它发挥作用。