HTML表ハイツネストされた、100％に設定するには、第二のテーブルは、以下の例最初

コピーと重なり、.htmlのファイルとして保存し、あなたがいることがわかりますHTML表ハイツネストされた、100％に設定するには、第二のテーブルは、以下の例最初

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<table style="width:100%;height:500px" border="5" > 
<tr> 
    <td> 
     <br /><br /><br /><br /><br /><br /> 
    <table border=1 style="width:100%;height:100%"> 
     <tr> 
     <td> 
      <br />test<br /> 
     </td> 
     </tr> 
    </table> 
    </td> 
</tr> 
</table>

ブラウザでそれを実行第2のテーブルは、追加された改行の量だけ第1のテーブルと重複する。最初のテーブルの "height"要素を削除せずに、2番目のテーブルを残りの完全な高さに展開し、最初のテーブルと重ならないようにするにはどうすればよいですか？

これは、このコードが動作する、より大きな、より複雑なHTMLのシナリオ

出典

2011-07-24 Henry

の小さなサンプルです：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<table style="width:100%;height:500px" border="5" > 
    <tr><td height="75px"></td></tr> 
    <tr> 
     <td> 
      <table border=1 style="width:100%;height:100%;"> 
       <tr> 
        <td> 
         test 
        </td> 
       </tr> 
      </table> 

     </td> 
    </tr> 
</table>

ただ、何が必要にTDの高さを変更します。重なったのは、内側のテーブルが100％の高さに設定されていて、<br />が外側のテーブルの高さに影響を及ぼさず、固定された高さに設定されているために拡張されたためです。

出典

2011-07-24 04:36:34 Purag

HTML表ハイツネストされた、100％に設定するには、第二のテーブルは、以下の例最初

答えて

関連する問題