20

こんにちは、div で高さを定義せずに、テーブルの高さ 100% を親 div に設定したいと思います。コードが機能しません。何が欠けているのかわからない。フィドルリンク

<div style="overflow:hidden">
<div style="float:left">a<br />b</div>
<table cellpadding="0" cellspacing="0" height="100%" style="border:solid 1px #000000">
<tr>
<td valign="middle">c</td></tr>
</table>
</div>
4

5 に答える 5

38

高さの値をdivに割り当てないと不可能です。

これを追加

body, html{height:100%}
div{height:100%}
table{background:green; width:450px}    ​

デモ

于 2012-12-14T11:00:36.060 に答える
1

div に高さを設定する必要があり<div style="overflow:hidden">ます100%。

于 2012-12-14T10:58:52.787 に答える
1

これはあなたがそれを行う方法です-

HTML-

<div style="overflow:hidden; height:100%">
     <div style="float:left">a<br>b</div>
     <table cellpadding="0" cellspacing="0" style="height:100%;">     
          <tr><td>This is the content of a table that takes 100% height</td></tr>  
      </table>
 </div>

CSS-

html,body
{
    height:100%;
    background-color:grey;
}
table
{
    background-color:yellow;
}

デモを見る

更新:親コンテナーに 100% の高さを適用することを探していない場合は、次の jQuery ソリューションが役立ちます-

デモ- jQuery の使用

脚本-

 $(document).ready(function(){
    var b= $(window).height(); //gets the window's height, change the selector if you are looking for height relative to some other element
    $("#tab").css("height",b);
});
于 2012-12-14T11:07:54.743 に答える
0

同様の問題がありました。私の解決策は、内側のテーブルに 1px の固定高さを与え、内側のテーブルの td の高さを 100% に設定することでした。すべてのオッズに対して、それは正常に動作し、IE、Chrome、および FF でテストされています!

于 2014-10-19T17:46:20.540 に答える