0

HTML でいくつかの実験を行っているだけで、なぜ 2 行目で残りのスペースが埋まらないのでしょうか。テーブルが垂直に伸びないのはなぜですか?

<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

それらの 1 つであるブロック要素は、TABLEそれらの CONTENTS のサイズに拡張されます。

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 に答える