0

只是用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>
4

2 回答 2

3

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

100%在这种情况下没有上下文。给它一个数字值。

于 2013-08-19T17:32:33.573 回答
0

尝试使用

<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

于 2015-02-10T15:45:41.690 回答