html - 内部に動的テーブルを使用して高さを 100% に設定するにはどうすればよいですか?

Question

次の問題があります。

中にdivテーブルを置いています。この div には背景色がありますblack

ここで、AJAX リクエストを作成し、テーブルに追加するデータを取得します。

$("#MyTable").append('<tr><td>' + value.myText + '</td></tr>');

今、テーブルが背景よりも長くなるという問題に直面しています。どうすれば次のように言えますか:

テーブル全体の背後にある必要がある限り、親 div を作成しますか?

Answer 1

親 div の高さを に設定しautoます。これで、テーブルの高さに応じて、親が短くなったり大きくなったりします。

または、高さ100%が必要な場合は、最初にすべての親コンテナーの高さを100%この親の次に設定する必要があります。たとえば、これが最も外側の親である場合、これは適用された CSS になる可能性があります。

html, body { height: 100%; }   /*THE MOST OUTER PARENT*/
parent { height: 100%; }       /*THE SECOND MOST OUTER PARENT*/
parent table { height: 100%; } /*THE TABLE*/