Question

用HTML做一些实验，我想知道，为什么第二行没有填充剩余的空间。为什么桌子没有垂直拉伸？

<table width="100%" border="1" height="100%">
  <tr>
      <td align=center>Line 1
      </td>
  </tr>
  <tr height="90%" >
      <td>Line 2
      </td>
  </tr>
</table>

Answer 1

块元素TABLE是其中之一，扩展到其内容的大小。

在这种情况下，

100%没有上下文。给它一个数字值。

Answer 2

尝试使用

<html style="height: 100%;">
    <body style="height: 100%;">
        <table style="height: 100%;">
        ...

为了强制table元素的所有父级扩展可用的垂直空间（这将消除使用absolute定位的需要）。

适用于Firefox 28，IE 11和Chromium 34（因此也可能适用于Google Chrome）

来源： http://www.dailycoding.com/posts/howtoset100tableheightinhtml.aspx

HTML行填充垂直空间

2 个答案: